datepicker

最新推荐文章于 2025-02-25 17:15:00 发布

回眸一笑Bug生

最新推荐文章于 2025-02-25 17:15:00 发布

阅读量1.5k

点赞数

分类专栏： html/css

本文链接：https://blog.youkuaiyun.com/zjsdrs/article/details/79031731

版权

html/css 专栏收录该内容

18 篇文章

订阅专栏

本文介绍如何利用jQuery UI的datepicker插件实现一个日期选择器。主要步骤包括：下载并引入datepicker插件及其样式文件；初始化插件，并设置显示格式、日期名称等配置项；最后获取用户选定的日期值。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

1.下载datepicker插件

http://jqueryui.com/download/all/

2.将插件放到web项目中，引入需要的样式和脚本

<link href="jquery-ui-1.12.1/jquery-ui.css" rel="stylesheet">
<script src="jquery-ui-1.12.1/external/jquery/jquery.js"></script>
<script src="jquery-ui-1.12.1/jquery-ui.js"></script>

3.输入框处理

<input id="demoDate">

4.初始化datepicker

$(document).ready(function(){
		$("#demoDate").datepicker({
			dateFormat: 'yy-mm-dd',
			dayNamesMin: ['日','一','二','三','四','五','六'],
			monthNames: ['一月','二月','三月','四月','五月','六月','七月','八月','九月','十月','十一月','十二月']
		});
	})

5.取值

var temp = $("#demoDate").val();