WdatePicker日期控件使用

目錄結構不能變

1.引入jquery文件

<script type="text/javascript" src="/JS/front/jquery-1.7.1.min.js"></script>

2.引入WdatePicker插件

<script type="text/javascript" src="/JS/front/My97DatePicker/WdatePicker.js"></script>

3.可以直接使用

前面的日期不能大於後面的日期,後面的日期不能小於前面的日期。(通過id相互關聯)

<input name="txtStartOn" type="text" id="txtStartOn" class="input date Wdate" οnfοcus="WdatePicker({maxDate:'#F{$dp.$D(\'txtEndOn\')}'})">


<input name="txtEndOn" type="text" id="txtEndOn" class="input date Wdate" οnfοcus="WdatePicker({minDate:'#F{$dp.$D(\'txtStartOn\')}'})">

4.顯示日期(對日期沒有限制)

<input ntype="text" class="input date Wdate"οnfοcus="WdatePicker({lang:'zh-cn'})">

5.設置今天爲最小日期

<input class="form-input colorbbb date" id="txtzjyxq" type="text" οnfοcus="WdatePicker({lang:'zh-cn',minDate:new Date()})"/>


6.只能選擇今天以前的日期(包括今天)

<input id="d421" class="Wdate" type="text" οnfοcus="WdatePicker({skin:'whyGreen',maxDate: '%y-%M-%d' })"/>


7,.只能選擇今天以後的日期(不包括今天)

<input id="d421" class="Wdate" type="text"   WdatePicker({minDate: '%y-%M-#{%d+1}' })"/>

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章