2017-11-06 15 views
0

良い日です。私はdateTimeピッカーを持っているjQueryプラグインhereをダウンロードしましたが、私は1900年から現在の年に範囲を変更したいと思います。私は、使用しようとしましたjQuery datetime picker set year range

minDate and maxDate 

しかし、動作しません。私のコードとコード掲示は正しかったよう

OK UPDATE

2050年の感謝

- 1950私も

changeMonth: true, 
changeYear: true, 
yearRange:'1900:' + new Date().getFullYear() 

このコードを使用してみましたが、何も作業を続けないと、まだ範囲に私をスローします。それが原因

yearStart: 1950, 
    yearEnd: 2050, 

はこれに設定された前記jquery.datetimepicker.full.jsでコマンドに年間投げていました。私は単にこれに変更しました

yearStart: 1900, 
    yearEnd: new Date().getFullYear(), 

おかげさまで、

+0

YearRangeを追加することができますが、スニペットに持っているものを表示するデモを作成します'<>' – guradio

+0

私は申し訳ありませんが、それを行う方法は?ごめんなさい、本当にここに新しい。私はちょうど私のコードで働いていない好奇心。 –

答えて

3

below.itが作品意志示すように、あなたは...

$('#dtp').datepicker({ 
dateFormat: "dd/mm/yy", 
changeMonth: true, 
changeYear: true, 
yearRange: "-100:+50", 
autoSize: true        
}); 

または

<html lang = "en"> 
 
    <head> 
 
     <meta charset = "utf-8"> 
 
     <title>jQuery UI Datepicker functionality</title> 
 
     <link href = "https://code.jquery.com/ui/1.10.4/themes/ui-lightness/jquery-ui.css" 
 
     rel = "stylesheet"> 
 
     <script src = "https://code.jquery.com/jquery-1.10.2.js"></script> 
 
     <script src = "https://code.jquery.com/ui/1.10.4/jquery-ui.js"></script> 
 
     
 
     <!-- Javascript --> 
 
     <script> 
 
     $(function() { 
 
      $("#datepicker-13").datepicker({ 
 
       dateFormat: "dd/mm/yy", 
 
       changeMonth: true, 
 
       changeYear: true, 
 
       yearRange:'1900:' + new Date().getFullYear(), 
 
       autoSize: true        
 
      }); 
 

 
      $("#datepicker-13").datepicker("show"); 
 
     }); 
 
     </script> 
 
    </head> 
 
    
 
    <body> 
 
     <!-- HTML --> 
 
     <p>Enter Date: <input type = "text" id = "datepicker-13"></p> 
 
    </body> 
 
</html>

+0

こんにちは。私は私の質問を更新し、私が作った解決策を挙げました。私たちのコードではなく、私がダウンロードしたプラグインに入っていました。私は単にそれを上の答えに変えます。もう一度ありがとう –

+0

私はそれが正しい解決策ではないと思う。編集プラグインは正常な動作ではありません。コード内のこれらのプロパティをオーバーライドすることができます。 –

+0

プラグインを無効にするにはどうしたらいいですか? –

関連する問題