jquery【插件】 datepicker插件的使用

直接看代码:

代码中引用的所有js文件已打包(见附件1)。jquery-1.6.2.js除外。因为这个跟datepicker没直接关系。
如果想显示中文,直接加上附件2,就行了。


<title>jQuery UI Datepicker - Default functionality</title>

<link rel="stylesheet" href="../jquery-ui/css/jquery.ui.all.css">
<script src="../jquery-ui/jquery-1.6.2.js"></script>
<script src="../jquery-ui/jquery.ui.core.js"></script>
<script src="../jquery-ui/jquery.ui.widget.js"></script>
<script src="../jquery-ui/jquery.ui.datepicker.js"></script>
<!-- 显示中文 -->
<script src="../jquery-ui/jquery.ui.datepicker-zh-CN.js"></script>

<script>

$(function() {
$("#datepicker" ).datepicker();
});
$(document).ready(function(){
//alert("fs");
//$("#datepicker" ).datepicker();
$("#button").click(function(){
alert($("#datepicker").val());
});

});
</script>

</head>

<body>
<div class="demo">


<input type="text" id="datepicker" />
<input type="button" id="button" value="show" />
</div><!-- End demo -->



一些参数设置:

$("#datepicker").datepicker({
minDate: new Date()
});


注:jqueryui插件下载地址
http://jqueryui.com/download
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值