Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/78.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Jquery 如何为选定的日期添加类?_Jquery_Html_Css_Datepicker - Fatal编程技术网

Jquery 如何为选定的日期添加类?

Jquery 如何为选定的日期添加类?,jquery,html,css,datepicker,Jquery,Html,Css,Datepicker,我有使用jquery ui日期范围创建的预订表单,我想在第一天和最后一天添加课程 例如,我想为我的第一天添加第一天选择的课程,我想为我的最后一天添加最后一天选择的课程 如果可能的话,我想在这两天之间再上一节课,或者我想给一个不透明度,但这不是必须的 我搜索了一些东西,但我无法申请我的约会选择者 函数日期选择器{ var dateFormat=DD/MM/YY, from=$checkin、.checkin.datepicker{ 月数:2, 第一天:1, minDate:0, onSelect

我有使用jquery ui日期范围创建的预订表单,我想在第一天和最后一天添加课程

例如,我想为我的第一天添加第一天选择的课程,我想为我的最后一天添加最后一天选择的课程

如果可能的话,我想在这两天之间再上一节课,或者我想给一个不透明度,但这不是必须的

我搜索了一些东西,但我无法申请我的约会选择者

函数日期选择器{ var dateFormat=DD/MM/YY, from=$checkin、.checkin.datepicker{ 月数:2, 第一天:1, minDate:0, onSelect:functionselectedDate{ window.setTimeout$.proxyfunction{ $this.parents.book holiday.findcheckout.checkout.focus; }这,这,十,; var yenitarih=新日期; var date=$this.datepicker'getDate'; var checkoutStartDate=new Datenew date.setDatedate.getDate+1; var checkoutEndDate=new Datenew date.setDatedate.getDate+15; console.logcheckoutEndDate; $checkout、.checkout.datepickeroption、minDate、checkoutStartDate; $checkout、.checkout.datepickeroption、maxDate、checkoutEndDate; }, isTo1:是的, beforeShowDay:functiondate{ var selectedDate=$this.datepicker'getDate', fromDate=from.datepicker'getDate'; 如果!从日期| |!选择日期{ 返回[真] } var dateClass=; 如果日期>起始日期和日期<所选日期(&D){ dateClass='日期之间'; }如果+日期==+所选日期,则为else{ dateClass='结束日期'; } 返回[true,dateClass]; } }; $checkout、.checkout.datepicker{ 月数:2, 第一天:1, minDate:0, isTo1:是的, beforeShowDay:functiondate{ var selectedDate=$this.datepicker'getDate', fromDate=from.datepicker'getDate'; 如果!从日期| |!选择日期{ 返回[真] } var dateClass=; 如果日期>起始日期和日期<所选日期(&D){ dateClass='日期之间'; }如果+日期==+所选日期,则为else{ dateClass='结束日期'; } 返回[true,dateClass]; } }; } 日期选择器; .结束日期a.ui-state-active{ 颜色:黄色; } .介于日期a.ui-state-default之间{ 颜色:蓝色!重要; } 从到 您可以使用beforeShowDay将类添加到特定日期。以下内容仅在您第二次打开$checkout datepicker并选择了这两个日期后,才将类添加到$checkout datepicker。这是一个示例,因为我不确定您要寻找的行为:

函数日期选择器{ var dateFormat=DD/MM/YY, from=$checkin、.checkin.datepicker{ 月数:2, 第一天:1, minDate:0, onSelect:functionselectedDate{ window.setTimeout$.proxyfunction{ $this.parents.book holiday.findcheckout.checkout.focus; }这,这,十,; var yenitarih=新日期; var date=$this.datepicker'getDate'; var checkoutStartDate=new Datenew date.setDatedate.getDate+1; var checkoutEndDate=new Datenew date.setDatedate.getDate+15; console.logcheckoutEndDate; $checkout、.checkout.datepickeroption、minDate、checkoutStartDate; $checkout、.checkout.datepickeroption、maxDate、checkoutEndDate; }, isTo1:是的, }; $checkout、.checkout.datepicker{ 月数:2, 第一天:1, minDate:0, isTo1:是的, beforeShowDay:functiondate{ var selectedDate=$this.datepicker'getDate', fromDate=from.datepicker'getDate'; 如果!从日期| |!选择日期{ 返回[真] } var dateClass=; 如果日期>起始日期和日期<所选日期(&D){ dateClass='日期之间'; }如果+日期==+所选日期,则为else{ dateClass='结束日期'; }如果+date==+fromDate,则为else{ dateClass='开始日期'; } 返回[true,dateClass]; } }; } 日期选择器; .结束日期a.ui-state-active{ 颜色:黄色; } .介于日期a.ui-state-default之间{ 颜色:蓝色!重要; } .start-date.ui-state-disabled{ 不透明度:1!重要; } .开始日期.用户界面状态默认值{ 颜色:黄色!重要; 背景:绿色!重要; } 从到
你想在两个输入标签中添加类吗?是的,我想添加类我选择的两个日期编辑很好,谢谢。我能在datepicker上查看我选择的两天吗?不仅仅是一个?是的……调整逻辑,对其他日期选择器做同样的事情。在浏览器dev tools elements inspector中检查元素本身,以查看哪些类应用于每个日期。。我做了并编辑了我的帖子。它不是我的第一天选择的。如果您签出它,它会在第一天之后选择我的第二个日期选择器,以查看更新以将类添加到签出日期选择器中的开始日期