Javascript jQueryUIDatePicker中的半天
我目前正在使用jQueryUIDatePicker脚本来显示租赁的可用日期。我使用了推荐的方式来为脚本提供一系列的禁用天数,但我的问题是,租赁结束的那一天也应该作为新租赁的开始日期。客户在第一天和最后一天要求提供一个红色三角形,以表明它应该可用。我如何用这个插件实现这一点Javascript jQueryUIDatePicker中的半天,javascript,php,jquery,jquery-ui,datepicker,Javascript,Php,Jquery,Jquery Ui,Datepicker,我目前正在使用jQueryUIDatePicker脚本来显示租赁的可用日期。我使用了推荐的方式来为脚本提供一系列的禁用天数,但我的问题是,租赁结束的那一天也应该作为新租赁的开始日期。客户在第一天和最后一天要求提供一个红色三角形,以表明它应该可用。我如何用这个插件实现这一点 $(function() { <?php $date_range = array(); $select = mysql_query("SELECT * FROM reservation WHER
$(function() {
<?php
$date_range = array();
$select = mysql_query("SELECT * FROM reservation WHERE cid='$chalet[id]' and status='1'");
while ($r = mysql_fetch_array($select)) {
$date_range1 = createDateRangeArray(date("Y-m-d", $r[arrive]), date("Y-m-d", $r[depart]));
// How can i use those 2 arrays to detect the right triangle to display and make sure the day is selectable
$first[] = reset($date_range1);
$last[] = end($date_range1);
$date_range = array_merge($date_range, $date_range1);
}
foreach ($date_range as $key => $values) {
$dates .= '"' . $values . '", ';
}
if ($dates) {
echo 'var disableddates = [' . substr($dates, 0, -2) . "];\n";
} else {
echo "var disableddates = [];\n";
}
?>
function DisableSpecificDates(date) {
var string = jQuery.datepicker.formatDate('dd-mm-yy', date);
return [disableddates.indexOf(string) == -1];
}
$( "#calendrier" ).datepicker({
beforeShowDay: DisableSpecificDates
});
});
$(函数(){
希望你能明白这一点,如果有任何错误,请原谅,因为它是直接从大脑中写出来的,没有经过任何测试
PHP:
JS
var-arrivals=;
var偏差=;
var disabledDates=;
美元(“#日历”)。日期选择器({
beforeShowDay:功能(日期){
var myDate=jQuery.datepicker.formatDate('YYYY-mm-dd',date);
if($.inArray(myDate,disabledDates))
返回[假];
else if($.inArray(myDate,arrivals))
返回[真,'到达','到达日期'];
否则如果($.inArray(myDate,出发日期))
返回[真、'出发'、'出发日'];
其他的
返回[真];
}
}
希望你能明白,如果有任何错误,请原谅,因为它是直接从大脑中写出来的,没有经过任何测试。这将为给定的一天增加.arrival/.execution课程
PHP:
JS
var-arrivals=;
var偏差=;
var disabledDates=;
美元(“#日历”)。日期选择器({
beforeShowDay:功能(日期){
var myDate=jQuery.datepicker.formatDate('YYYY-mm-dd',date);
if($.inArray(myDate,disabledDates))
返回[假];
else if($.inArray(myDate,arrivals))
返回[真,'到达','到达日期'];
否则如果($.inArray(myDate,出发日期))
返回[真、'出发'、'出发日'];
其他的
返回[真];
}
}
这是一个很好的开始,thx man。刚刚尝试了你的脚本,更正了JS错误并进行了测试,现在每个月的每一天都被阻止了。他将尝试解决问题,但如果你看到错误,请告诉我。很高兴我能帮上忙;)@WebiumMedia你能把你得到的工作作为一个答案吗?这是一个很好的开始thx人。刚刚尝试了你的脚本纠正了JS错误并测试了它,现在每个月的每一天都被阻止了。他会尝试解决它,但如果你看到错误,让我知道。很高兴我能帮助;)@WebiumMedia你能把你得到的工作作为一个答案吗?
$arrivals = $departures = $disabledDates = array();
while ($r = mysql_fetch_array($select)) {
$arrivals[] = $r['arrive'];
$departures[] = $r['departure'];
$disabledDates[] = ....
var arrivals = <?=json_encode($arrivals)?>;
var departures = <?=json_encode($departures)?>;
var disabledDates = <?=json_encode($disabledDates)?>;
$( "#calendrier" ).datepicker({
beforeShowDay: function(date){
var myDate = jQuery.datepicker.formatDate('YYYY-mm-dd', date);
if($.inArray(myDate, disabledDates))
return [false];
else if($.inArray(myDate, arrivals))
return [true, 'arrival', 'Arrival day'];
else if($.inArray(myDate, departures))
return [true, 'departure', 'Departure day'];
else
return [true];
}
}