Cách lấy ngày từ trình chọn ngày giao diện người dùng jQuery

Tôi muốn lấy ngày từ trình chọn ngày bất cứ khi nào người dùng chọn ngày trong trình chọn ngày trong giao diện người dùng jQuery và nhấp vào nút trên biểu mẫu.

Tôi cần lấy ngày, tháng và năm của ngày họ chọn. Làm cách nào để lấy giao diện người dùng jQuery biểu mẫu ngày?

Sử dụng

var jsDate = $('#your_datepicker_id').datepicker('getDate');
if (jsDate !== null) { // if any date selected in datepicker
    jsDate instanceof Date; // -> true
    jsDate.getDate();
    jsDate.getMonth();
    jsDate.getFullYear();
}

Bạn có thể truy xuất ngày bằng cách sử dụng hàm getDate:

$("#datepicker").datepicker( 'getDate' );

Giá trị được trả về dưới dạng một đối tượng JavaScript Date.

Nếu bạn muốn sử dụng giá trị này khi người dùng chọn ngày, bạn có thể sử dụng sự kiện onSelect:

$("#datepicker").datepicker({
   onSelect: function(dateText, inst) { 
      var dateAsString = dateText; //the first parameter of this function
      var dateAsObject = $(this).datepicker( 'getDate' ); //the getDate method
   }
});

Tham số đầu tiên trong trường hợp này là Ngày được chọn dưới dạng Chuỗi. Sử dụng parseDate để chuyển đổi nó thành Đối tượng ngày JS.

Xem http://docs.jquery.com/UI/Datepicker để biết toàn bộ tài liệu tham khảo DatePicker giao diện người dùng jQuery.

Hãy thử điều này, hoạt động giống như sự quyến rũ, cung cấp cho ngày bạn đã chọn. biểu mẫu gửi đi cố gắng lấy giá trị này: -

var date = $("#scheduleDate").datepicker({ dateFormat: 'dd,MM,yyyy' }).val();

Tham khảo tại đây

liên kết để lấy ngày: https://api.jqueryui.com/datepicker/#method-getDate

$("#datepicker").datepicker( 'getDate' );

Đôi khi rất nhiều rắc rối với nó. Trong giá trị thuộc tính của dữ liệu trình chọn dữ liệu là 28-06-2014, nhưng trình chọn ngày hiển thị hoặc hôm nay hoặc không có gì. Tôi đã quyết định nó theo cách như vậy:

<input type="text" class="form-control datepicker" data-value="<?= date('d-m-Y', (!$event->date ? time() : $event->date)) ?>" value="<?= date('d-m-Y', (!$event->date ? time() : $event->date)) ?>" />

Tôi đã thêm vào đầu vào của thuộc tính datapicker data-value, bởi vì nếu gọi jQuery (this) .val () OR jQuery (this) .attr ('value') - không có gì hoạt động. Tôi đã quyết định init trong chu kỳ mỗi trình kiểm tra dữ liệu và lấy giá trị của nó từ giá trị dữ liệu thuộc tính:

 $("form .datepicker").each(function() {
        var time = jQuery(this).data('value');
        time = time.split('-');
        $(this).datepicker('setDate', new Date(time[2], time[1], time[0], 0, 0, 0));
    });

và nó hoạt động tốt =)

Câu trả lời của NamingException đã làm việc cho tôi. Ngoại trừ tôi đã sử dụng

var date = $("#date").dtpicker({ dateFormat: 'dd,MM,yyyy' }).val()

datepickerkhông hoạt động nhưng dtpickerđã làm.