DateTimePicker將不會更新值字段onChange或onSelect

我想更改所選日期時更新輸入的值。這是我的輸入html代碼。DateTimePicker將不會更新值字段onChange或onSelect

<input type="text" name="completed_date" id="completed_date" size="12" class="completed_date fielddate" value="<?php echo date("d/m/Y",strtotime("now"))?>" readonly />

這是我的jQuery ONSELECT功能

$(document).ready(function() { 
    $('.completed_date').datetimepicker({ 
    timepicker: false, 
    format: 'd/m/Y', 
    onSelect: function() { 
    var date = $(this).val(); 
    $('#completed_date').val(date); 
    } 
    }); 
});

此代碼對我的輸入字段沒有影響，但如果我改變最後一行

$('#completed_date').text(date);

然後添加選擇的新日期到html行的末尾。

<input type="text" name="completed_date" id="completed_date" size="12" class="completed_date fielddate" value="<?php echo date("d/m/Y",strtotime("now"))?>" readonly />再添這裏

的日期值字段中的代碼目前顯示在默認情況下今天的日期，但應該更新ONSELECT。

我已閱讀文檔，但似乎無法找到我想要的東西。任何幫助將不勝感激。

它在視覺上更新的領域，但在輸入的實際價值並沒有改變，所以當我點擊保存它總是把今天的日期，而不是選定日期的

來源

2016-12-16 troggy69

我不明白什麼是真正的*問題*是不是更新，當你在日期選擇器中選擇一個新的日期？這應該是默認行爲。 –

爲什麼你要手動設置它自己？ – ScanQR

它在外地可視化更新，但輸入中的實際值不會改變，所以當我點擊保存時，它總是發送今天的日期而不是選定的日期。 – troggy69

自舉日期選擇器的使用方法.datepicker加載選擇器。

$('.completed_date').datepicker({ 
 
    timepicker:false, 
 
    format:'d/m/yy'  
 
    }) 
 
.on("changeDate", function(e) { 
 
    
 
    $('#completed_date').attr('value', e.format()); 
 
});

<script src="http://ajax.googleapis.com/ajax/libs/jquery/2.2.2/jquery.min.js"></script> 
 
<script src="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script> 
 
<link href="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet"/> 
 
<script src="http://cdnjs.cloudflare.com/ajax/libs/bootstrap-datepicker/1.6.4/js/bootstrap-datepicker.js"></script> 
 
<link href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datepicker/1.6.4/css/bootstrap-datepicker.css" rel="stylesheet"/> 
 

 
<input type="text" name="completed_date" id="completed_date" size="12" class="completed_date fielddate" value="12/12/2016" />

來源

2016-12-16 10:47:49 SilentTremor

謝謝你的回答:)。這是一個不同的插件，我正在使用哪個我不介意更改，但從我可以看到當我檢查此代碼時，當您更改日期價值領域不更新這是完全相同的問題，即時通訊與我。這是你以前遇到過的嗎？ – troggy69

哦，我的不好，我更新了答案，現在值屬性正在更新（應該是這個） – SilentTremor

謝謝 - 是的，它現在在你的片段中完美工作。我仍然努力讓它在我的系統上工作，但由於某種原因，但你的工作很棒:) – troggy69

首先感謝大家的幫助。

我剛剛使用過你的代碼並稍微編輯了一下，我已經設法讓你的解決方案與DateTimePicker一起工作。我已經包含下面的代碼。再次非常感謝。

$(document).ready(function() { 
    $('.completed_date').datetimepicker({ 
    timepicker:false, 
    format:'d/m/Y', 
}); 
$('.completed_date').change(function() { 
    var date = $(this).val(); 
    $('.completed_date').attr('value', date); 
}); 

});

這將更新鏈接到DateTimePicker的輸入值字段。

來源

2016-12-16 12:17:52 troggy69

DateTimePicker將不會更新值字段onChange或onSelect

回答

相關問題