jQuery datetimepicker在web中的应用

很多时间，我们需要一个时间区间，但是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) {
                         
                        }

                    });