php+js 控件my97datepicker日期选择,控制两个输入框时间

php+js 控件my97datepicker日期选择,控制两个输入框时间

原创

钰娘娘ynn博主文章分类:php ©著作权

文章标签 html .net 官网 文章分类 Hadoop 大数据

©著作权归作者所有:来自51CTO博客作者钰娘娘ynn的原创作品,请联系作者获取转载授权,否则将追究法律责任

html:

'start_date' type="text" readonly="readonly" class="form-control" placeholder="开始时间" style="width: 300px;display: inline"           value="{$startDate}" onclick="selectStartDate('{$startDate}')"/>                value="{$endDate}"  onclick="selectEndDate('{$endDate}')"/>

js:

function selectStartDate(start_time)    var end_date=$dp.$('end_date');    if(start_time > 0){        WdatePicker({onpicked:function(){                end_date.focus();            },onclearing:function(){                return false;            }                ,startDate:''+start_time                ,maxDate:'#F{$dp.$D(\'end_date\')||\'%y-%M-%d\'}'}        );    }else{        WdatePicker({onpicked:function(){                end_date.focus();            },onclearing:function(){                return false;            }                ,maxDate:'#F{$dp.$D(\'end_date\')||\'%y-%M-%d\'}'}        );    }}function selectEndDate(end_time)    if(end_time > 0){        WdatePicker({onpicked:function(){            alert(1);        },onclearing:function(){            alert(1);            return false;        }            ,startDate:''+end_time            ,minDate:'#F{$dp.$D(\'start_date\')}',maxDate:'%y-%M-%d'});    }else{        WdatePicker({onpicked:function(){        },onclearing:function(){            return false;        }            ,minDate:'#F{$dp.$D(\'start_date\')}',maxDate:'%y-%M-%d'});    }}

记得导入js:

下载my97datepicker(官网):​​http://www.my97.net/​

  • 收藏
  • 评论
  • *举报

上一篇:[转载]java web环境搭建

下一篇:笔记 第14章 多线程(14)交换器Exchanger 、同步队列SynchronousQueue与信号量实例

Original: https://blog.51cto.com/u_15710848/5453803
Author: 钰娘娘ynn
Title: php+js 控件my97datepicker日期选择,控制两个输入框时间

原创文章受到原创版权保护。转载请注明出处:https://www.johngo689.com/516666/

转载文章受原作者版权保护。转载请注明原作者出处!

(0)

大家都在看

亲爱的 Coder【最近整理,可免费获取】👉 最新必读书单  | 👏 面试题下载  | 🌎 免费的AI知识星球