很多时间,我们需要一个时间区间,但是html自定义的type=“date”不是自己想要的类型,自己查询jQuery文档做的项目,现在写成博客,为自己以后需要用留存
第一步,页面上内容并赋值初始值的脚本
<tr>
<td class="td1">使用时间</td>
<td class="td2">
<input class="apply-text" id="startTime" name="startTime"><span class="new-between">至</span><input
class="apply-text" id="endTime" name="endTime">
<span class="new-warn" id="timeStr">*</span>
</td>
</tr>
//获取当前年
var year=myDate.getFullYear();
//获取当前月
var month=myDate.getMonth()+1;
//获取当前日
var date=myDate.getDate();
var dataStr=year+"-"+month+"-"+date;
$("input[name='startTime']").val(dataStr);
$("input[name='endTime']").val(dataStr);
第二步,自己定义时间选择
$("#startTime").datepicker({
changeMonth: true,
changeYear:true,
dateFormat: "yy-mm-dd",
currentStatus: '显示本月',
monthNames: ['一月', '二月', '三月', '四月', '五月', '六月', '七月', '八月', '九月', '十月', '十一月', '十二月'],
monthNamesShort: ['1', '2', '3', '4', '5', '6', '7', '8', '9', '10', '11', '12'],
monthStatus: '选择月份',
yearStatus: '选择年份',
dayNames: ['星期日', '星期一', '星期二', '星期三', '星期四', '星期五', '星期六'],
dayNamesShort: ['周日', '周一', '周二', '周三', '周四', '周五', '周六'],
dayNamesMin: ['日', '一', '二', '三', '四', '五', '六'],
startDate:new Date(),
minDate:new Date(),
onClose: function(selectedDate) {
}
});
$("#endTime").datepicker({
changeMonth: true,
changeYear:true,
dateFormat: "yy-mm-dd",
currentStatus: '显示本月',
monthNames: ['一月', '二月', '三月', '四月', '五月', '六月', '七月', '八月', '九月', '十月', '十一月', '十二月'],
monthNamesShort: ['1', '2', '3', '4', '5', '6', '7', '8', '9', '10', '11', '12'],
monthStatus: '选择月份',
yearStatus: '选择年份',
dayNames: ['星期日', '星期一', '星期二', '星期三', '星期四', '星期五', '星期六'],
dayNamesShort: ['周日', '周一', '周二', '周三', '周四', '周五', '周六'],
dayNamesMin: ['日', '一', '二', '三', '四', '五', '六'],
startDate:new Date(),
minDate:new Date(),
onClose: function(selectedDate) {
}
});