2017-03-10 19 views
0

日付形式をに変更したいという問題に直面しています。日付範囲ピッカー、すべての形式を修正しようとしましたが、動作しますが、残っている唯一の問題は日付範囲を開くときですを適用するかそれが自動的にYYYY-MM-DDのような同じ形式でこれを設定するにはどのような方法日付範囲ピッカーの形式を変更

ここでは私のJsで、/区切り形式で日付を変更している [キャンセル]ボタンをクリックせずにウィンドウを閉じますコード

$(function() { 
    var start = moment().subtract(29, 'days'); 
    var end = moment(); 
    function cb(start, end) { 
     $('input[name="datefilter"]').val(start.format('YYYY-MM-DD') + ' TO ' + end.format('YYYY-MM-DD')); 
    } 

    $('input[name="datefilter"]').daterangepicker({ 
     startDate: start, 
     endDate: end, 
     ranges: { 
      'Today': [moment(), moment()], 
      'Yesterday': [moment().subtract(1, 'days'), moment().subtract(1, 'days')], 
      'Last 7 Days': [moment().subtract(6, 'days'), moment()], 
      'Last 30 Days': [moment().subtract(29, 'days'), moment()], 
      'This Month': [moment().startOf('month'), moment().endOf('month')], 
      'Last Month': [moment().subtract(1, 'month').startOf('month'), moment().subtract(1, 'month').endOf('month')] 
     } 
    }, cb); 

    cb(start, end); 

}); 
    $('input[name="datefilter"]').on('apply.daterangepicker', function(ev, picker) { 
     $(this).val(picker.startDate.format('YYYY-MM-DD') + ' TO ' + picker.endDate.format('YYYY-MM-DD')); 
    }); 
    $('input[name="datefilter"]').on('cancel.daterangepicker', function(ev, picker) { 
     $(this).val(start.format('YYYY-MM-DD') + ' TO ' + end.format('YYYY-MM-DD')); 
    }); 
+0

は、追加しようと試み持っている - > DATEFORMAT:「YY-MM- dd '? –

+0

はい私はすべての方法を試しました – Rtra

+0

このhttp://api.jqueryui.com/datepicker/#utility-formatDateを参照してください。 –

答えて

1

試してみてください。

$('input[name="datefilter"]').daterangepicker({ 
    startDate: start, 
    locale: { 
     format: 'YYYY-MM-DD' // --------Here 
    }, 
    endDate: end, 
    ranges: { 
     'Today': [moment(), moment()], 
     'Yesterday': [moment().subtract(1, 'days'), moment().subtract(1, 'days')], 
     'Last 7 Days': [moment().subtract(6, 'days'), moment()], 
     'Last 30 Days': [moment().subtract(29, 'days'), moment()], 
     'This Month': [moment().startOf('month'), moment().endOf('month')], 
     'Last Month': [moment().subtract(1, 'month').startOf('month'), moment().subtract(1, 'month').endOf('month')] 
    } 
}, cb); 
+0

はうまくいきましたが、私は2つの日付の間にTOを配置したいと思います。 ** 2017-03-01 TO 2017-03-10 ** ** 2017-03-01 - 2017-03-10 ** – Rtra

+0

** separator: 'TO' **を追加して修正しました** – Rtra

0
var mystring = "2017/03/10"; 
var res = mystring.replace(/\\//g , "-"); 

出力:

2017年3月10日

0
$('input[name="datefilter"]').daterangepicker({ 
    locale: { 
     format: 'YYYY-MM-DD' 
    } 
    ... 
関連する問題