【 質問 jquery datepicker 日数計算 】
datepickerから日数計算をしたいのですが、まったく反応してくれません。
jqueryの書き方はいつもふわっと書いているので、初心者です。。
恐れ入りますが、教えてください。
------------------------------------------------------------------------------------
参考にしたのは下記のURL
http://oshiete.goo.ne.jp/qa/7656838.html
------------------------------------------------------------------------------------
pickerは下記のURL(rangeを使ってます)
http://kwski.net/jquery/1041/
------------------------------------------------------------------------------------
------------------------------------------------------------------------------------
$(’クラス名’).datepicker({
// ここにオプションかいてます
onSelect: function() {
// 開始を取得
var from = $(’#date-from’).val();
// 終了を取得
var to = $(’#date-to’).val();
if ( from !== ’’ && to !== ’’ ) {
var date = new Date(to).getTime() - new Date(from).getTime();
alert( date/(1000*60*60*24) );
}
}
});
------------------------------------------------------------------------------------
良ければ、ご教示お願い致します。。
みんなの回答 3 件
忘れてました。
html部分はこれです!
<input type="text" class="" id="date-from" name="start" required="required" placeholder="2014/11/18" />
<span class="input-group-addon">-</span>
<input type="text" class="" id="date-to" name="end" required="required" placeholder="2014/11/18" />
そのプラグインはonSelectなんてイベントはサポートしてないようだが。マニュアルをよく読め。
bootstrap-datepicker — bootstrap-datepicker documentation
http://bootstrap-datepicker.readthedocs.org/en/release/jQuery(function($) {
jQuery(document).on(’blur’, ’#start, #end’, function(){
var date1 = document.getElementById("start").value;
var date2 = document.getElementById("end").value;
var diff = getDiff(date1, date2);
jQuery("#days").val(diff);
});
});
/*
*日付の差分日数を返却します。
*/
function getDiff(date1Str, date2Str) {
var date1 = new Date(date1Str);
var date2 = new Date(date2Str);
// getTimeメソッドで経過ミリ秒を取得し、2つの日付の差を求める
var msDiff = date2.getTime() - date1.getTime();
// 求めた差分(ミリ秒)を日付へ変換します(経過ミリ秒÷(1000ミリ秒×60秒×60分×24時間)。端数切り捨て)
var daysDiff = Math.floor(msDiff / (1000 * 60 * 60 *24));
// 差分へ1日分加算して返却します
return ++daysDiff;
}
---------------------------------------------------------
うーん。
反映はされるようになりましたが、計算が上手くいってないようです。。
関連するトピックス