因為項目中需要選中日期,所以就找到了My97DatePicker這個插件,用法非常的簡單,但是因為各個公司的要求不同,我們公司使用js拼代碼,然后渲染到頁面上的,所以遇到了一點問題…
1、My97DatePicker的官網:http://www.my97.net/,可以從官網下載該插件;
2、基本用法:https://jingyan.baidu.com/article/e6c8503c7244bae54f1a18c7.html,可以參考百度經驗中“My97DatePicker日期插件的常用功能說明”;
3、我在js拼接過程中遇到的問題:
// 拼接展示的代碼 var str = '<input type="text" class="Wdate input input-150" id="startTime" name="startTime" value="" disabled="disabled" onfocus="WdatePicker({readOnly:true,dateFmt:\'yyyy-MM-dd HH:mm:ss\',maxDate:\'#F{$dp.$D(\\\'endTime\\\')}\'})">';
如下圖:紅線部分因為也使用了''(單引號),所以需要用到轉義字符,運行時報錯:“Uncaught SyntaxError: Unexpected identifier”,即:代碼中有符號錯誤,我直接修改這些單引號,但是不一會兒凌亂了…
4、解決,把引用寫到事件中,雖說官網給出的是行內調用,但是我們需要做的是不出錯的靈活使用,如下:
$('#startTime').click(function(){ WdatePicker({ el:this, readOnly:true, dateFmt:'yyyy-MM-dd HH:mm:ss', maxDate:'#F{$dp.$D(\'endTime\')}' }); });