2017-07-19 14 views
1

日付ピッカーをインラインで使用しています。falseのデフォルトプロパティ値をtodayHighlighttrueに変更する必要があります。問題は、datePickerをインラインで使用しているため、jQueryから初期化するときに設定できないということです。ここでインライン日付選択ツールでオプションを設定できません

は図である。

<div class="col-sm-3"> 
    <div class="form-group"> 
     <label>Required By</label> 
     <div class="input-group date" data-provide="datepicker"> 
      @Html.TextBoxFor(z => z.RequiredDate, "{0:yyyy-MM-dd}", 
       new 
       { 
        @class = "form-control datepicker" 
       }) 
      <span class="input-group-addon"> <span class="glyphicon glyphicon-calendar"></span></span> 
     </div> 
    </div> 
</div> 

私は$(document).ready()にこの方法を試してみましたが、それはうまくいきませんでした:

$('.datepicker').datepicker("option", "todayHighlight", true); 

誰もがこの上の任意のアイデアを持っていますか?

+0

コンソールからのエラーやアラートはありますか? – Twisty

+0

また、元の '.datepicker() 'をどこで定義しますか – Twisty

+0

また、特にこのビューでは、data-provide datepicker属性を使用します。これはjavascriptで呼び出されることはありません。それは必要なくインラインで行います。それが問題です。 – Casey

答えて

1

DatePickerオブジェクトを定義していない場合、optionの調整は失敗します。

あなたは試みることができる:

$('.datepicker').datepicker({ 
    todayHighlight: true 
}); 

あなたはまだ問題を見ている場合は、あなたが任意の任意の警告やエラーを調査する必要があります:あなたはまた、そのようにこれを行うことができます

$('.datepicker').datepicker().datepicker("option", "todayHighlight", true); 

をあなたのブラウザでそのコンソールに生成されます。

+0

私はこれを試して、質問を更新します。 – Casey

+0

私はすでにあなたが以前言及したことを試していた。私はそれをもう一度ショットし、まだ行っていない。私は変更イベントを引き起こしたら、ただ1つのキーを入力してから、現在の日付を選択することに気付きました。それを空にすると、何も選択されなくなります。私は現在の日付を '選択'したくないのですが、灰色か淡い色で強調表示するだけです。このようにして、エンドユーザーは、現在の日付が何をヒットしたかに関係なく自動的に表示します。それが動作するように見えることはできません。しかし、提案をありがとう。 – Casey

+0

@Caseyこれは 'datepicker()'の機能ではありません。あなたの説明は少しはっきりしていませんが、私はCSSを使って、「今日」を選択することなく何かをすることができると思います。 – Twisty