2013-07-26 48 views
0

嗨我正在使用下面的插件來顯示日期時間在我的輸入字段問題是,我無法獲得的價值,並不明白如何做到這一點。 The plugin。我無法理解的功能是什麼,但可以肯定這是行不通的:Twitter的引導日期時間選擇器

HTML:

<div class="input-append date datetimepicker" data-date="12-12-2012" 
data-date-format="dd-mm-yyyy"> 
    <input class="span2" size="16" type="text" value="12-12-2012"> 
    <span class="add-on"><i class="icon-th"></i></span> 
</div> 

<div id="view"></div> 

JS:

$(document).ready(function() { 
    $('.datetimepicker').datetimepicker({ 
    format: 'dd-mm-yyyy hh:ii', 
    todayBtn: true, 
    pickerPosition: "bottom-left" 
    }); 
}); 

$(document.body).on('change', ".datetimepicker", function(e){ 
    var date = $(".datetimepicker").getDate(); 
    $("#view").html(date); 
}); 

我得到的錯誤

對象[object Object]沒有方法'getDate'

很顯然,我有一些錯誤,但無法找到它,並在文檔中我找不到如何從字段中提取日期。請幫忙!

+0

首先,這不是一個錯誤嘗試'的console.log(日期);'看什麼,所有這些對象並嘗試打印這些。 –

+0

確定我打印了它們,但是它們太多,無法在這裏發佈超過1000個字符... –

+0

你在哪裏放置腳本,並將它們放在正確的順序? – acudars

回答

0
$(document).ready(function() { 
    $('.datetimepicker') 
    .datetimepicker({ 
    format: 'dd-mm-yyyy hh:ii', 
    todayBtn: true, 
    pickerPosition: "bottom-left" 
    }) 
    .on('changeDate', function(ev){ 
    $("#view").html(ev.date.valueOf()); 
    }); 

});

OK,我已經做了,這是我需要感謝@acudars代碼和@rps

1
$('.datetimepicker').datetimepicker().on('changeDate', function(ev){ 
    console.log(ev.date.valueOf()); 
}); 

$(document.body).on('change', ".datetimepicker", function(e){ 
    var date = e.date.valueOf(); 
    $("#view").html(date); 
}); 
1
$(document.body).on('changeDate', ".datetimepicker", function(e){ 
    var date = e.date.valueOf(); 
    $("#view").html(date); 
});