01/10/2018, 16:19
Hỏi về Jquery UI Datepicker
Mình đang làm 1 plugin cho wp sử dụng datepicker để click vào calendar thì hiển thị ra event.
Tuy nhiên hiện tại có yêu cầu những ngày ko có event thì hide hoặc ngày có event thì highlight lên. Mình có tham khảo 1 số chỗ sử dụng beforeShowDay nhưng ko biết cách làm. Mong nhận được tham khảo của các pro (mình mới lần đầu sử dụng jquery nên chủ yếu đi tham khảo).
jQuery(document).ready(function($) {
jQuery( ".tt_date_picker" ).datepicker({
inline: true,
altField: '#d',
dateFormat: 'dd/mm/yy'
});
$('.tt_date_picker').change(function(){
var select_date = $(this).val();
jQuery.ajax({
type: 'POST',
url: ajax_object.ajax_url,
data: {
action: "ajax_load_content_event",
select_date: select_date,
},
beforeSend: function(){
//image_loading.removeClass('hidden');
},
success: function(data) {
$('#event_content').html(data);
$slider ();
//location.reload();
}
});
});
});
Bài liên quan
Dùng
beforeShowDay
là đúng rồi bạn.Bạn thao khảo code này:
Trong code này, với những ngày là event mình trả về kèm class
event-date
bạn CSS nó để highlight hay làm gì thì tùy nhé.Demo đây: https://codepen.io/anon/pen/yERNwb
Cám ơn mình hôm qua đã tìm ra cách vì dùng chung ajax để click truy vấn ngày đó có event ko.
`// An array of highlighting dates ( ‘dd-mm-yyyy’ )
var highlight_dates = [“28/6/2018”,“30/6/2018”,“1/6/2018”,“15/6/2018”,];
/* Datepicker: wd_add_param_vc.php */
jQuery(document).ready(function($) {
jQuery( “.tt_date_picker” ).datepicker({
inline: true,
altField: ‘#d’,
dateFormat: ‘dd/mm/yy’,