<script type="text/javascript">
// When the document is ready
$(document).ready(function () {
$('.datepicker').datepicker({
format: "yyyy-mm-dd",
}).on('changeDate', function(ev){
// do what you want here
$(this).datepicker('hide');
}).on('changeDate', function(ev){
if ($('#startdate').val() != '' && $('#enddate').val() != ''){
$('#period').text(diffInDays() + ' d.');
} else {
$('#period').text("-");
}
});
});
</script>
Run Code Online (Sandbox Code Playgroud)
所以这就是我的日期选择器的样子.所以基本上当我通过点击鼠标更改日期时它工作正常,但是当我用键盘手动更改日期或手动清除日期更改日期时,事件不会被调用.这是一个错误还是我在这里做错了什么?
javascript jquery datepicker twitter-bootstrap bootstrap-datepicker
我目前正在创建一个像这样的日期选择器
HTML
<script src="https://code.jquery.com/ui/1.11.4/jquery-ui.min.js"></script>
<input id="datepicker" type="datepicker" name="date" placeholder="Date" />
Run Code Online (Sandbox Code Playgroud)
JS
$('#datepicker').datepicker()
.on("change", function (e) {
console.log("Date changed: ", e.target.value);
});
Run Code Online (Sandbox Code Playgroud)
我的目标是能够在用户清除日期框时收听.但是,一旦您取消聚焦日期框,更改事件似乎才会触发.我想知道是否有办法在jQuery日期框中监听所有更改,或者是否有更好的替代方案.
JsFiddle链接:https://jsfiddle.net/szkfm0y7/
我正在使用jQuery UI选择器,我想知道当有人选择日期时它是否可能,它会自动将它们重定向到URL,如下所示:
index.php?date=2013-10-15
这是我正在使用的插件.
<script>
$(function() {
$( "#datepicker" ).datepicker();
});
</script>
Run Code Online (Sandbox Code Playgroud)
Date: <input type="text" id="datepicker" />
datepicker我需要获取on的值change,但它正在返回undefined。
HTML:
<input id="#return" name="start" class="date-pick form-control" value="" data-date-format="dd/mm/yyyy" type="text" />
Run Code Online (Sandbox Code Playgroud)
JS:
$('input.date-pick').datepicker().on('changeDate', function (ev) {
var firstDate = $('#return').val();
alert(firstDate);
});
Run Code Online (Sandbox Code Playgroud) 我能找到的所有答案都是针对 Datepicker 的,但它的工作方式不一样!
如果我使用键盘而不是引导程序界面修改值,它只会触发 onChange() 事件。
我已经测试了这里显示的所有内容
我的代码:
爪哇脚本
$(function () {
//Date range picker
$('#reservation').daterangepicker({
onSelect: function() {
$(this).change();
}
});
});
$(document).ready(function () {
$("#reservation").change(function () {
var date = $("#reservation").val();
var replaced = date.split(' ').join('')
$("#partialtable").load('@(Url.Action("GetDateResults", "Temps", null, Request.Url.Scheme))?date=' + replaced);
});
});
Run Code Online (Sandbox Code Playgroud)
HTML
<!-- Date range -->
<div class="form-group">
<label>Période:</label>
<div class="input-group">
<div class="input-group-addon">
<i class="fa fa-calendar"></i>
</div>
<input type="text" class="form-control pull-right" id="reservation" onchange=""/>
</div><!-- /.input group -->
</div><!-- /.form group -->
Run Code Online (Sandbox Code Playgroud)
任何人都可以找到解决方案吗?即使更改与以前的值相同,我也不介意触发事件!