admin管理员组

文章数量:1026989

I have the following div:

            <div class="input-group">
                <input type="hidden" id="datepicker">
                <input type="text" id="input_date" class="form-control" value="" readonly='readonly'>
                <span class="input-group-addon" id="input_btn_calendar"><i class="fa fa-calendar"></i></span>
            </div>

And the following JQuery call:

    var today = new Date();
    $("#input_date").datepicker({
        changeYear: false,
        numberOfMonths: 1,
        altFormat: "yy-mm-dd",
        altField: "#datepicker",
        minDate: today,
        onSelect : function () {
            var inputdate = $.datepicker.parseDate('yy-mm-dd', $("#datepicker").val());
        }
    }).datepicker("setDate",today);

This makes the datepicker appear correctly when I press the text field. However, I also want it to show up when I click the input_btn_calendar button inside the acpanying span.

I've tried this:

    $("#input_btn_calendar").click(function() {
        $("input_date").datepicker('show')
    });

But unfortunately, that does nothing. What am I missing?

I have the following div:

            <div class="input-group">
                <input type="hidden" id="datepicker">
                <input type="text" id="input_date" class="form-control" value="" readonly='readonly'>
                <span class="input-group-addon" id="input_btn_calendar"><i class="fa fa-calendar"></i></span>
            </div>

And the following JQuery call:

    var today = new Date();
    $("#input_date").datepicker({
        changeYear: false,
        numberOfMonths: 1,
        altFormat: "yy-mm-dd",
        altField: "#datepicker",
        minDate: today,
        onSelect : function () {
            var inputdate = $.datepicker.parseDate('yy-mm-dd', $("#datepicker").val());
        }
    }).datepicker("setDate",today);

This makes the datepicker appear correctly when I press the text field. However, I also want it to show up when I click the input_btn_calendar button inside the acpanying span.

I've tried this:

    $("#input_btn_calendar").click(function() {
        $("input_date").datepicker('show')
    });

But unfortunately, that does nothing. What am I missing?

  • javascript
  • jquery
  • datepicker
Share Improve this question asked May 24, 2016 at 9:53 filpafilpa 3,6649 gold badges56 silver badges102 bronze badges 0
Add a ment  | 

1 Answer 1

Reset to default 6

You have an invalid selector of $('input_date').

Try this instead,

$("#input_btn_calendar").click(function() {
    $("#input_date").datepicker('show')
});

I have the following div:

            <div class="input-group">
                <input type="hidden" id="datepicker">
                <input type="text" id="input_date" class="form-control" value="" readonly='readonly'>
                <span class="input-group-addon" id="input_btn_calendar"><i class="fa fa-calendar"></i></span>
            </div>

And the following JQuery call:

    var today = new Date();
    $("#input_date").datepicker({
        changeYear: false,
        numberOfMonths: 1,
        altFormat: "yy-mm-dd",
        altField: "#datepicker",
        minDate: today,
        onSelect : function () {
            var inputdate = $.datepicker.parseDate('yy-mm-dd', $("#datepicker").val());
        }
    }).datepicker("setDate",today);

This makes the datepicker appear correctly when I press the text field. However, I also want it to show up when I click the input_btn_calendar button inside the acpanying span.

I've tried this:

    $("#input_btn_calendar").click(function() {
        $("input_date").datepicker('show')
    });

But unfortunately, that does nothing. What am I missing?

I have the following div:

            <div class="input-group">
                <input type="hidden" id="datepicker">
                <input type="text" id="input_date" class="form-control" value="" readonly='readonly'>
                <span class="input-group-addon" id="input_btn_calendar"><i class="fa fa-calendar"></i></span>
            </div>

And the following JQuery call:

    var today = new Date();
    $("#input_date").datepicker({
        changeYear: false,
        numberOfMonths: 1,
        altFormat: "yy-mm-dd",
        altField: "#datepicker",
        minDate: today,
        onSelect : function () {
            var inputdate = $.datepicker.parseDate('yy-mm-dd', $("#datepicker").val());
        }
    }).datepicker("setDate",today);

This makes the datepicker appear correctly when I press the text field. However, I also want it to show up when I click the input_btn_calendar button inside the acpanying span.

I've tried this:

    $("#input_btn_calendar").click(function() {
        $("input_date").datepicker('show')
    });

But unfortunately, that does nothing. What am I missing?

  • javascript
  • jquery
  • datepicker
Share Improve this question asked May 24, 2016 at 9:53 filpafilpa 3,6649 gold badges56 silver badges102 bronze badges 0
Add a ment  | 

1 Answer 1

Reset to default 6

You have an invalid selector of $('input_date').

Try this instead,

$("#input_btn_calendar").click(function() {
    $("#input_date").datepicker('show')
});

本文标签： javascriptJQuery Datepicker show on input group addon button clickStack Overflow

版权声明：本文标题：javascript - JQuery Datepicker: show on input group addon button click - Stack Overflow 内容由热心网友自发贡献，该文观点仅代表作者本人， 转载请联系作者并注明出处：http://it.en369.cn/questions/1745661069a2161894.html， 本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容，一经查实，本站将立刻删除。