javascript - Jquery 无法获取日期选择器值

Question

关于这段代码:

<input type="text" id="dateFrom1" name="dateFrom1" class="form-control datePicker"/>
            <i class="ace-icon1 fa fa-calendar"/>

<script type="text/javascript">
    $('.datePicker').datepicker();
</script>

当我提交表单时，params.dateFrom1 保存 datePicker 的值。但是，当我这样使用时，我无法获取datePicker的值

<input type="text" id="dateFrom1" name="dateFrom1" class="form-control datePicker" disabled/>
            <i class="ace-icon1 fa fa-calendar" onclick="showPicker('#dateFrom1')"/>
<script type="text/javascript">
    $('.datePicker').datepicker();

    function showPicker(ele) {
        $(ele).datepicker('show');
    }
</script>

事实是输入框在我选择日期后显示值，当我 alert($('#dateFrom1')) 我也提醒日期值但是当我提交表单时，我得到null 值

Answer 1

Working Demo

1. 您正在 .datePicker 类上定义 .datepicker() 函数。在 showPicker() 中，您传递了 #dateFrom1，datePicker认为这是未定义的。

2. 此外，将您的日期选择器初始化代码包装在 $(document).ready(..)

中

---

HTML:

<input type="text" id="dateFrom1" name="dateFrom1" class="form-control datePicker" disabled/>
<i class="ace-icon1 fa fa-calendar" onclick="showPicker('.datePicker')">Icon</i>

JS :

$(document).ready(function(){
     $('.datePicker').datepicker();
});
function showPicker(ele) {
    $(ele).datepicker('show');
}

建议:此外，如果您使用的是 jQuery，我建议您使用 jQuery .click() 而不是内联 onclick=".."