2016-11-30 20 views
3
$('#datetimepicker1').datepicker({ 
    autoclose: true, 
    todayHighlight: true, 
}).on('changeDate', function(ev){ 
    $('#datetimepicker1').val(""); 
    $('#sDate1').text($('#datetimepicker1').data('date')); 
    $('#datetimepicker1').datepicker('hide'); 
}); 

私は上記のコードを使用しています。 datepickerをクリックすると、現在の月(nov)が表示され、次の月(dec)から日付を選択すると、2回目にクリックすると次の月のページが表示されます。ブートストラップ日付ピッカーは常に現在の月ページを表示する必要があります

datepickerをクリックすると、現在の月(つまり11月現在)が表示されます。私は多くのことを試してきました。私はこれにうんざりしています。誰でも助けてくれますか?

+0

と日付ピッカーを開くためのコンセプトの下に使用する必要があります。Date.now()'私は、これはそれ動作しますが、提供するつもりされていない99%確信していますお試しください – Dherya

+0

プラグインのドキュメントサイトを共有できますか?また、私はあなたが箱からまっすぐにしようとしているものを達成することはできないと思っています。 –

+0

「もう一度クリックしたとき」は、まだ選択されている日付ではありませんか?もちろん、最初に値を選択した後に日付ピッカーを開くと、選択した日付が表示されます。 setDate(http://api.jqueryui.com/datepicker/#method-setDate)を呼び出そうとするとよいでしょう –

答えて

0

これは使用している正確なウィジェットによって異なる場合がありますが、の最初ののようなものでは動作しないと思われますが、defaultViewDate(またはdefaultDate)を使用してください。 ):

カレンダーを最初に開いたときの日付。日付の内部値は今日はデフォルトのままですが、datepickerが最初に開かれると、カレンダーは今日ではなくdefaultViewDateに開きます。このオプションを使用しない場合は、「今日は、」デフォルトのビュー日付

+0

私は既にdefaultViewDateとdefaultDateを試しました。それは働いていません:-( – Owner

0

ままこれは...

$('#sandbox-container input').on('click', function(e){ 
 
var setDate = new Date(); 
 
$(this).datepicker('setDate', setDate); 
 
})

+0

あなたは間違った質問を受けました。 –

+0

今月のみにフォーカスを設定したいですか? – Maharshi

+0

日付を選択していませんか? – Maharshi

2

を助けるかもしれない。こことしてWorking Fiddle

です私は、私の知る限り、まっすぐ進むアプローチはないと言いました。また、私は完全なプラグインd ocumentation。

これは、あなたが必要とすることを回避する回避策です。

はクリックで現在の日付ビューに入りますカレンダーの下部にあるボタンをレンダリングするために使用されている既存のスクリプト

$('#datetimepicker1').datepicker({ 
    autoclose: true, 
    todayHighlight: true, 
    todayBtn: true, // add this option. 
}); 

todayBtnにこれらの変更を行います。

この機能を利用できます。このボタンを追加し、カレンダーを開いたときにプログラマチックにクリックするようにします。これを行うには、このコードを追加します。

$('#datetimepicker1').on('click',function(){ 
$(this).siblings('.datepicker').find('.datepicker-days tfoot .today').trigger('click'); 
}); 

これにより、カレンダーを開くたびに現在の日付表示が表示されます。

これで、「今日」という名前のカレンダーのボタンが表示されます。このボタンがcssを使用して単純に非表示にしたくない場合。

.datepicker-days tfoot .today { 
    display: none !important; // !important required to override the plugin inline style 
} 
+0

あなたは結局それをハックしました:) – Dherya

+0

@Dheryaありがとう回避するよりも良い:p –

0

`MinDateプロパティを試してみてください選択した日付

var selectedDate = new Date(); 
$('#txtWQApprovalDate').datepicker('setDate',selectedDate).datepicker('fill'); 
関連する問題