jquery自身提供了日历操作的功能,但之前一直在用My97DatePicker日历的操作,每次使用都要导入文件夹和提供的库,看着令人厌烦,这两天琢磨了一下
jq的日历控件的操 作,比起之前所用,代码是多写了点,但毕竟是jq本身的,不会出现一些意料之外的问题,下面是代码的展示,本人属于菜鸟级,写的不好,往各位大侠多指点批评
//这是开始日期的操作
$("#endTime").datepicker({
//此处写自定义的参数操作 如showOtherMonths: true, selectOtherMonths: true,
onSelect: function (dateText, inst) {
//$("#begTime").datepicker("option ", "maxDate", new Date(dateText.replace("- ", ",")));//这是默认的日期,如12/2/2011
}
});
//这是结束日期的操作
$("#begTime").datepicker({
onSelect: function (dateText, inst) {
$("#endTime").datepicker("option", "minDate", new Date(dateText.replace("-", "-")));
}
});
//点击确定按钮出现模式对话框,选择开始日期和结束日期
<input id="Button1" type="button" value="确定" />
<div id="putDate" title="输入日期">
<span>请输入开始日期:</span>
<input type="text" id="begTime" class="ui-widget-content ui-corner-all" />
<span>请输入结束日期:</span>
<input type="text" id="endTime" class="ui-widget-content ui-corner-all" />
</div>
以上就是实现功能的部分代码,功能是完成了,但还有不尽人意之处,找了半天,没找到弹出的日历框的清空按钮,总之不如之前所用的操作方便