时间日期选择插件

2024-11-28 技术教程

头部引用

<linkrel="stylesheet"href="//code.jquery.com/ui/1.10.4/themes/smoothness/jquery-ui.css"><scriptsrc="//code.jquery.com/jquery-1.9.1.js"></script><scriptsrc="//code.jquery.com/ui/1.10.4/jquery-ui.js"></script><linkrel="stylesheet"href="http://jqueryui.com/resources/demos/style.css">

日期格式化

$.datepicker.regional['zh-CN'] = { closeText: '关闭', prevText: '<上月', nextText: '下月>', currentText: '今天', monthNames: ['一月','二月','三月','四月','五月','六月', '七月','八月','九月','十月','十一月','十二月'], monthNamesShort: ['一','二','三','四','五','六', '七','八','九','十','十一','十二'], dayNames: ['星期日','星期一','星期二','星期三','星期四','星期五','星期六'], dayNamesShort: ['周日','周一','周二','周三','周四','周五','周六'], dayNamesMin: ['日','一','二','三','四','五','六'], weekHeader: '周', dateFormat: 'yy-mm-dd', firstDay: 1, isRTL: false, showMonthAfterYear: true, yearSuffix: '年'}; $.datepicker.setDefaults($.datepicker.regional['zh-CN']);

头部需要引用的

$("#from").datepicker({defaultDate:"+1w",changeMonth:true,numberOfMonths:3,onClose:function(selectedDate){$("#to").datepicker("option","minDate",selectedDate);}});$("#to").datepicker({defaultDate:"+1w",changeMonth:true,numberOfMonths:3,onClose:function(selectedDate){$("#from").datepicker("option","maxDate",selectedDate);}});