My97DatePicker设置开始时间与结束时间控制以及js中时间的比较

每次使用时间插件都会使用到My97DatePicker,这确实是一款不错的插件,而且新版本的兼容性也不错,兼容ie。

关于时间设置一般会遇到一些问题。

<ul>
<li>
<span style="font-size:12px;">起始:</span>
<label>

<input type="text"id="starttime" readonly="readonly" class="textfied_time" name="starttime" onFocus="WdatePicker({maxDate:‘#F{$dp.$D(\‘endtime\‘)||\‘%y-%M-%d\‘}‘,dateFmt:‘yyyy-MM-dd‘})" /> <!--如果设置结束时间那么 最大时间是结束时间 否则是当前时间 -->

 <b></b>

</label>
</li>
<li>
<span style="font-size:12px;">结束:</span>
<label><input type="text" id="endtime" readonly="readonly" class="textfied_time" name="endTime"onFocus="WdatePicker({minDate:‘#F{$dp.$D(\‘starttime\‘)}‘,maxDate: ‘%y-%M-%d‘,dateFmt:‘yyyy-MM-dd‘})" /><!-- 大于开始时间  小于当前时间 -->

<b></b></label>
</li>
</ul>

var startDate="2015-08-01";

var endDate="2015-08-13";

var start=startDate.replace(/-/g,"/");
var end=endDate.replace(/-/g,"/");
var d1=new Date(Date.parse(start)).getTime();
var d2=new Date(Date.parse(end)).getTime();
var days=(d2-d1)/(60*60*24*1000);
if(days<0){
alert("开始时间不能大于结束时间");
return;
}

时间: 2024-10-26 12:44:19

My97DatePicker设置开始时间与结束时间控制以及js中时间的比较的相关文章

laydate设置起始时间,laydate设置开始时间和结束时间

//设置开始时间 var startDate = laydate.render({ elem: '#start_date',//开始时间选择控件id min:'2018-6-1', type: 'datetime', format: 'yyyy-MM-dd HH:mm', //可任意组合 done: function (value, date) { if (value !== '') { endDate.config.min.year = date.year; endDate.config.mi

Vue iview时间组件DatePicker,设置开始时间和结束时间约束

<FormItem label="">    <Row>      <Col span="11">        <DatePicker type="date" :options="startTimeOptions" @on-change="startTimeChange" placeholder="开始时间" v-model="sta

js中时间new Date()详解以及实例

介绍 var myDate = new Date(); myDate.getYear(); //获取当前年份(2位) myDate.getFullYear(); //获取完整的年份(4位,1970-????) myDate.getMonth(); //获取当前月份(0-11,0代表1月) // 所以获取当前月份是myDate.getMonth()+1; myDate.getDate(); //获取当前日(1-31) myDate.getDay(); //获取当前星期X(0-6,0代表星期天) m

js中时间的操作

var myDate = new Date();myDate.getYear();        //获取当前年份(2位)myDate.getFullYear();    //获取完整的年份(4位,1970-????)myDate.getMonth();       //获取当前月份(0-11,0代表1月)myDate.getDate();        //获取当前日(1-31)myDate.getDay();         //获取当前星期X(0-6,0代表星期天)myDate.getTi

js中时间日期的处理

// 增加天 function AddDays(date,value)  {     date.setDate(date.getDate()+value);  }   // 增加月 function AddMonths(date,value)  {     date.setMonth(date.getMonth()+value);  }   // 增加年 function AddYears(date,value)  {     date.setFullYear(date.getFullYear(

关于jquery-weui.js中时间控件datetimepicker的使用

今天第一次接触jquery-weui,不太了解用法,然而官方文档写的也很简略,只好打开源代码进行研究,我想要的是设置开始日期大于当前日期,然后在源码中发现有min这个默认为undefined的属性,于是在设置 启动$("#starttime").datetimePicker()的时候里面加了一个参数param,一般来说这种参数都是json格式,于是 var nTime = new Date(); var format = nTime.getFullYear() + "-&qu

JS中时间格式转换

DateBox1.GetValue(); //获取到DateBox1的值 //Tue Feb 26 2019 00:00:00 GMT+0800 (中国标准时间) 执行会显示你控件所选择的时间 var d=DateBox1.GetValue(); var a=d.getFullYear() + '-' + (d.getMonth() + 1) + '-' + d.getDate() + ' ' + d.getHours() + ':' + d.getMinutes() + ':' + d.get

js中时间的格式化

var dt = new Date(); dt.setDate(26); dt.setMonth(7); dt.setYear(2015); dt.setHours(21); dt.setMinutes(46); document.writeln(dt.toString() + " <br />"); document.writeln(dt.toLocaleString() + " <br />"); document.writeln(dt.

bootstrap-datetimepicker 进一步跟进~~~开始时间和结束时间的样式显示

上次简单介绍了一下:05.LoT.UI 前后台通用框架分解系列之——漂亮的时间选择器(http://www.cnblogs.com/dunitian/p/5524019.html) 这次深入再介绍一下,比如开始时间和结束时间(主要就是从时间控件开始限制==>让结束时间只能选择>=开始时间的时间) 实现很简单,改变时间的时候设置一下结束时间从什么时候开始 先看看官方2个案例,两个案例一综合就有了~ 代码如下: 效果: