日期插件My97DatePicker


因為項目中需要選中日期,所以就找到了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\')}'
    });
});

  


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM