2016-10-18 8 views
2

は、私はjQueryの日付ピッカーのための次のコードjQueryの日付ピッカーmaxDateの問題

 $('#startDate').datepicker({ 
      format: "dd/mm/yyyy", 
      maxDate: '0' 
     }) 
     .on('changeDate', function (ev) { 
      $('#startDate').datepicker('hide'); 
     }); 

を持っていることは、ブートストラップモーダルで起動します。それはmaxDateから離れて期待どおりに働いています - 私は将来の任意の日付を入力することからユーザーを制限したい - 私は行方不明何かですか?私もmaxDate : new Date()を試しましたが、これもうまくいきませんでした。そして私はハードリロードを行い、Dev Toolsをチェックして、レンダリングされたマークアップのJavaスクリプトが期待どおりであることを確認できます。

完全なHTMLマークアップで更新されました。これは動作しますjQueryの1.10.2と角1.4.1

+0

をしていた「オン」イベントハンドラを取り除くことができますので、それのためのオプションは、オートクローズのためのオプションがあるにもendDateにしており、所望の挙動。それが動作していない場所へのリンクがありますか? – MasNotsram

+0

maxDate = $( ".selector").datepicker( "getDate"); – Mahi

+0

サイトノートは、ユーザーがフィールドに将来の日付を入力するのを妨げるものではありませんが、将来の日付をdatepicker自体から選択しないようにします。 – MasNotsram

答えて

1

希望を使用して

<input id="startDate" placeholder="Select Date" data-provide="datepicker" class="datepicker ng-valid ng-touched ng-dirty ng-valid-parse" readonly="readonly" style="cursor:auto; background-color:white" ng-model="item.startDate" ng-change="startDateChanged(item.startDate)"> 

のためのあなた

$("#datepicker").datepicker({ 
    format: "dd/mm/yyyy", 
    maxDate: 0 
}); 
+0

"format"と "endDate"のどちらも、jQueryのdatepickerのプロパティではありません。 (http://api.jqueryui.com/datepicker/を参照)この回答は役に立ちません。 $( "#datepicker").datepicker({ \t形式: "DD/MM/YYYY"、 maxDateの: - : – ADyson

+0

申し訳ありませんああ、私は、これは確かにあなたのために動作しますあなたはjQueryのブートストラップ日付ピッカーに を使用していると思いました0 }); ここであなたは[testing](https://jsfiddle.net/g5vypyaj/)をチェックすることができます –

+0

@ADyson私も上記のコードを更新します –

0

あなたがして、テキストボックスに日付を入力してからユーザーを防止したいですかテキストボックスにreadonly='true'を追加してください。

HTML

<input id="Datepicker" type="text" readonly='true' /> 

デモ:学んだClick here

+0

これは反ユーザーです。マウスの上にキーボードを使用する人やアクセシビリティの問題がある人にとっては特に悪いことです。たとえば、私はフォームをタブで選択して値を入力するタイピストの多くを知っています。マウスを使用してすべてのフィールドを選択するのではなく、そのような人たちは、これを信じられないほど迷惑にするでしょう。また、あなたのデモでは存在しない 'format'プロパティや間違ったフォーマット文字列で間違いを修正していません。 – ADyson

+0

@ADyson Good Uought私はUと同意します!しかし、彼の必要性ユーザーがテキストボックスに日付を入力するのを防ぎます。したがって、彼の質問に基づいて私はこの答えを投稿しました。 – RajeeshMenoth

+0

元の質問では、OPはユーザーがボックスに入力するのを防ぐように求めたことはありません。混乱は、なぜdatepickerが動作していなかったか(なぜなら、彼らは彼らが思っていたプラグインとは異なるプラグインを使用していたからだと判明した)の周りにあった。 OPは回避策としてコメント内のボックスの入力を防ぐことを提案しましたが、同じコメントがありましたが、使い勝手が悪いです。代わりに、許容値を入力するための検証ルールを使用する必要があります。 – ADyson

0

レッスンは、他の開発者がプロ​​ジェクトに追加し、あなたが過去に使用してきたその1を前提といけないライブラリどんな検索することです - I私が開発したほぼすべての場所でjQuery Datepickerを使用しています。この特定のDevにはブートストラップjs datepickerが含まれていました。私も何を持っていることは正しいこと、および与えるべきで隠れ

https://bootstrap-datepicker.readthedocs.io/en/latest/options.html

関連する問題