:: Kunagorn Sirikup :: C# Developer

23/8/56

jQuery UI Datepicker แสดงปุ่ม Today

ในกรณีที่เราใช้งาน jQuery UI Datepicker เพื่อแสดง Calendar โดยทั่วไปจะไม่แสดงปุ่ม Today เพื่อให้สามารถเลือกวันที่ปัจจุบันได้ ซึ่งจริงๆแล้วสามารถทำได้ ดังนี้

HTML

<p>Date:<input type="text" id="datepicker" /></p>

JavaScript

<script>
    $(function () {
        var _gotoToday = $.datepicker._gotoToday;
        $.datepicker._gotoToday = function (a) {
            var target = $(a);
            var inst = this._getInst(target[0]);
            _gotoToday.call(this, a);
            $.datepicker._selectDate(a, $.datepicker._formatDate(inst, inst.selectedDay, inst.selectedMonth, inst.selectedYear));
            target.blur();
        }

        $("#datepicker").datepicker({
            showButtonPanel: true,
            dateFormat: 'dd/mm/yy'
        });
    });

</script>

เมื่อแสดงผลแล้ว DatetimePicker จะแสดงปุ่ม Today เพิ่มขึ้นมาให้สามารถเลือกวันที่ปัจจุบันได้


















credit : http://www.blrf.net/blog/18/code/jquery/datepickers-today-button-problem/

ไม่มีความคิดเห็น:

แสดงความคิดเห็น