11-1 小月曆

1. 官網：http://www.my97.net/
2. 參考文件：http://www.my97.net/demo/index.htm
3. 下載：http://www.my97.net/down/My97DatePicker.zip
4. 在【 www 】內建目錄【 class 】並將檔案 My97DatePicker.zip 解壓到目錄【 class 】。
5. post_form.tpl 引入

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

    

6. 在日期的input欄位中加入以下語法：

   <input type="text" name="end" id="end" class="form-control" value="{$content.end}" onClick="WdatePicker()" placeholder="到期日">

    

7. 常用語法如下， 更多參數請看：http://www.my97.net/demo/index.htm
   • (1)  民國年：dateFmt:'民國yyy年MM月dd日'
   • (2)  含時間：dateFmt:'yyyy-MM-dd HH:mm:ss'
   • (3)  起始日期：startDate:'1980-05-01' 或 %y-%M-%d %H:%m:%s
   • (4)  星期一為第一天：firstDayOfWeek:1
   • (5)  最小日期：minDate:'2017-10-24' 或 %y-%M-{%d+2}  %H:%m:%s
   • (6)  最大日期：maxDate:'2017-10-25'
   • (7)  週休禁止：disabledDays:[0,6]
   • (8)  顯示週數：isShowWeek:true
   • (9)  日期框唯讀：readOnly: true
   • (10)  取消週末高亮度：highLineWeekDay: false
   • (11)  顯示清空按鈕：isShowClear: false
   • (12)  雙月曆：doubleCalendar:true
8. 解決與樣板引擎 ( Smarty ) 相衝問題：https://www.smarty.net/docs/zh_CN/language.escaping.tpl
   • 於作用標籤大括號 { 前加入 {literal}，作用標籤大括號 } 後加入 {/literal}

     <input type="text" name="end" id="end" class="form-control" value="{$content.end}" onClick="WdatePicker({literal}{dateFmt:'yyyy-MM-dd',startDate:'%y-%M-%d',minDate:'%y-%M-%d'}{/literal})" placeholder="到期日">