2016-09-30 39 views
0

我想使用datetimepicker,我有這些功能來覆蓋日期格式。在其他地方,我們使用momentjs作爲日期時間格式。xdan/datetimepicker使用「momenjs」,而不是默認的「php-date-formatter」 - 「突出顯示的日子」功能不起作用

There is my plunker example

Date.parseDate = function (input, format) { 
    return moment(input, format).toDate(); 
}; 
Date.prototype.dateFormat = function (format) { 
    return moment(this).format(format); 
}; 

使用momentjs格式dateTimePicker的:

format: "DD/MM/YYYY H:mm:ss", 
formatTime: 'H:mm', 
formatDate: 'DD/MM/YYYY', 

但在使用時的瞬間 「強調的日子」 功能不起作用。

如何使「突出顯示的日子」功能工作?

回答

0

找到解決方案:

$(document).ready(function() { 

    var myFormatter = { 
    parseDate: function(vDate, vFormat) {   
     return moment(vDate, vFormat).toDate(); 
    }, 
    guessDate: function(vDateStr, vFormat){   
     return moment(vDateStr, vFormat).toDate(); 
    }, 
    parseFormat: function(vChar, vDate){   
     return vDate; // date string (I guess) 

    },   
    formatDate: function(vChar, vDate) {    
     return moment(vChar).format(vDate); 
    }, 

    }; 

    jQuery.datetimepicker.**setDateFormatter**(myFormatter); 


    jQuery('#datetimepicker').datetimepicker({ 
    timepicker: true, 

    // 'd/m/y'format is requared for datetimepicker days HIGHLIGHT function to work!!! 
    //Date, time formating: http://php.net/manual/en/function.date.php 
    step: 15, 
    /* 
    // momentJs formating 
    format: "d/m/Y H:i:s", 
    formatTime: "H:i", 
    formatDate: "d/m/Y", 
    */ 

    format: "DD/MM/YYYY H:mm:ss", 
    formatTime: 'H:mm', 
    formatDate: 'DD/MM/YYYY', //I need to use this format, but it works only when using "d/m/Y" - so somewhere the php date formater is still used.. 

    highlightedDates: [ 
     "01/09/2016,,xdsoft_highlighted_mint", 
     "02/09/2016,,xdsoft_highlighted_mint", 
     "03/09/2016,,xdsoft_highlighted_mint", 
     "06.09/2016", 
     "07.09.2016", 
     "08.09.2016", 
     "12.09.2016,Christmas Eve,xdsoft_highlighted_mint", 
     "13.09.2016,Christmas Day,xdsoft_highlighted_mint", 
     "14.09.2016,Christmas Day,xdsoft_highlighted_mint", 
     "26.09.2016,,xdsoft_highlighted_mint" 
    ] 
    }); 

There is working plunker example

的主要問題是我的情況是browserify /一飲而盡模塊串聯..這的DateTimePicker下jQuery的不確定......

所以試圖改變建設到WebPack ....

相關問題