jquery datepicker无法单击按钮答案

【问题标题】：jquery datepicker not working clicking on a buttonjquery datepicker无法单击按钮
【发布时间】：2013-10-25 03:52:42
【问题描述】：

我正在使用 jquery datepicker。它正在单击一个按钮，但仅在 mozilla firefox 中，但不在 google chrome 中，也不在 IE 中。请告诉我该怎么做，以便 datepicker 可以在所有浏览器中工作。请jsfiddle

HTML

<input type="button" id="selectdate" value=""> 


<textarea name="dates" id="dates" maxlength="160" placeholder="your message" rows="4" cols="50"></textarea>

JQUERY

$( "#selectdate" ).datepicker({ 
altField: $('#dates').val(), 
numberOfMonths:1, 
altFormat: "yy-mm-dd", 
minDate: -0, 
onSelect: function( selectedDate ) { 
$("#selectdate").val(''); 

$('#dates').val($('#dates').val()+','+selectedDate); 
} 
});

【问题讨论】：

你在不同版本的IE和goolge chrome上试过了吗？
你的小提琴在 chrome 中为我工作（版本 30.0.1599.101）...
@Nikhil 我正在使用 oracle linux，我使用的 google 版本显示为最新。
@Nikhil 如果客户端是 jaquery datepicker 不支持的某个版本，是否可以发出警报
@PragneshChauhan 是的，它在谷歌浏览器中的更高版本中工作。我使用的是 oracle linux，26 是最新版本。所以它不起作用。如果有的话，可以向客户发出警报如果使用较低版本，则 jquery 的一部分（如 datepicker）将不起作用

标签： javascript jquery html css datepicker

【解决方案1】：

尝试关注..

Demo Fiddle

JS：

$("#selectdate").datepicker({
    altField: $('#dates').val(),
    numberOfMonths: 1,
    altFormat: "yy-mm-dd",
    minDate: -0,
    buttonImage: 'http://placehold.it/32',
    showOn: "both",
    onSelect: function (selectedDate) {
        $("#selectdate").val('');

        var attr = $("#dates").attr("selectedDate");
        if (typeof (attr) !== 'undefined' && attr !== '') {
            if ($('#dates').val() !== '') {
                var tmpVal = $('#dates').val().substring(0,$('#dates').val().indexOf(attr));
               console.log(tmpVal); 
              $('#dates').val(tmpVal + selectedDate);
              $('#dates').attr("selectedDate", selectedDate);
            } else {
                $('#dates').val(selectedDate);
            }
        } else {
            $('#dates').attr("selectedDate", selectedDate);
            $('#dates').val($('#dates').val() + selectedDate);
        }
    }
});

【讨论】：

在这个jsfiddle.net/javalover_stackoverflow/4GP9c 中是不是可能像你做的那样？

【解决方案2】：

无法重现问题...但我认为您需要使用 showOn 和 buttonImage 选项，而不是使用按钮来呈现日期选择器

喜欢

<input type="text" id="selectdate" value="" style="display: none">

然后

$("#selectdate").datepicker({
    altField: $('#dates').val(),
    numberOfMonths: 1,
    altFormat: "yy-mm-dd",
    minDate: -0,
    buttonImage:'http://placehold.it/32',
    showOn: "both",
    onSelect: function (selectedDate) {
        $("#selectdate").val('');

        $('#dates').val($('#dates').val() + ',' + selectedDate);
    }
});

演示：Fiddle

【讨论】：

感谢它在我的旧版本中工作，但是如果多次单击按钮，您提供的代码接受多个日期。是否可以删除旧日期并将其替换为新日期
@javaBeginner 多个日期是什么意思
查看当我按下按钮 2 次时我得到日期 ,10/30/2013,10/29/2013 但我想要如果我第二次按下按钮然后旧日期将替换为新日期，因此 ,10/30/2013, 将变为 ,10/29/2013
@javaBeginner 替换 $('#dates').val($('#dates').val() + ',' + selectedDate);与 $('#dates').val(selectedDate);
@Nikhil 看到假设我输入 hello 然后按下按钮然后它替换 hello 但我想要 hello 10/28/2013