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

html:

 <input id='start_date' type="text" readonly="readonly" class="form-control" placeholder="开始时间" style="width: 300px;display: inline"
           value="{$startDate}" onclick="selectStartDate('{$startDate}')"/>
    <input id="end_date" type="text" readonly="readonly" class="form-control" placeholder="结束时间" style="width: 300px;display: inline"
            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:

<script src="/asset/other/My97DatePicker/WdatePicker.js"></script>

下载my97datepicker（官网）：http://www.my97.net/