Jquery无法获取datepicker值

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

工作演示

1. 您正在.datePicker类上定义.datepicker()函数。 在showPicker()您传递#dateFrom1 ，datePicker将其视为未定义。

2. 另外，将$(document).ready(..) datepicker初始化代码包装在$(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()而不是inline onclick=".."

Answer 2

试试这个代码jsfiddle

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

    $('.datePicker').datepicker();
    $('#button').click(function () {
        $("#dateFrom1").datepicker('show');

    });


});
</script>