DatePicker日期选择自定义 [英] DatePicker Date selection Customisation

问题描述

大家好，



我有一个javascript DatePicker，我需要自定义日期选择。我希望只有星期五可供选择，当日期大于15时它也可以在下个月的第一个星期五开启。



所以例如如果今天的日期小于15我希望能够只选择这个月的星期五，如果它更大，我希望能够选择这个月的星期五和下个月的第一个星期五。



感谢您的帮助。我尝试了这个代码，但它没有用

Hi all,

I have a javascript DatePicker and I need to customise the date selection. I want to have available only fridays for selection and when the date is greater that the 15 it enables the first friday of next month as well.

So for example if the todays date is less than the 15 i want to be able to select only this months fridays if it is greater that the 15 i want to be able to select this months fridays and the first friday of next month.

Thanks for your help. I tried this code out but it didn't work

function pageLoad() {
           $(function () {
               $("#dp").datepicker({ dateFormat: 'dd/mm/yy', beforeShowDay: nextMonthFriday, onSelect: function (dateText, inst) { __doPostBack('DatePicker', '') } });
           })
       }

       function nextMonthFriday(date) {
       var d = new Date();
       var d1 = new Date();

       d = now.getDate();
       var d2 = d.getDay();
       if (d >= 15)
       {
           d1 = new Date(now.getFullYear(), now.getMonth() + 1, 1);
           d2 = d1.getDay();


           return[(d2 == 5 && (d1.getDate() <= 7)),''];
       }

       return [(false), ''];
       }


       function onlyFridays(date) {
           var day = date.getDay();
           var d = date.getDate();

           if (day == 5 )
               return [(date <= FridayWeek()), ''];




           return [(false), ''];
       }


       function FridayWeek()
       {
           var d = new Date();

           while (d.getDay() != 5)
           {
               d.setDate(d.getDate() + 1);
           }

           d.setDate(d.getDate() + 7);

           return d;
       }

推荐答案

（ function （ ）{

（ #dp）。datepicker（ {dateFormat：' dd / mm / yy'，beforeShowDay：nextMonthFriday，onSelect： function （dateText，inst）{__ doPostBack（' DatePicker'， ' '）}}）;
}）
}

function nextMonthFriday（date）{
var d = new 日期（）;
var d1 = new 日期（）;

d = now.getDate（）;
var d2 = d.getDay（）;
如果（d> = 15 ）
{
d1 = new 日期（now.getFullYear（），now.getMonth（）+ 1 ， 1 ）;
d2 = d1.getDay（）;


return [（d2 == 5 && ;（d1.getDate（）< = 7 ）），' '];
}

return [（ false ），' '];
}


function onlyFridays（date）{
var day = date.getDay（）;
var d = date.getDate（）;

if （day == 5 ）
return [（date< = FridayWeek（）），' '< /跨度>];




return [（ false ），' '];
}


function FridayWeek（）
{
var d = new 日期（）;

while （d.getDay（）！= 5 ）
{
d.setDate（d.getDate（）+ 1 ）;
}

d.setDate（d.getDate（）+ 7 ）;

return d;
}

("#dp").datepicker({ dateFormat: 'dd/mm/yy', beforeShowDay: nextMonthFriday, onSelect: function (dateText, inst) { __doPostBack('DatePicker', '') } }); }) } function nextMonthFriday(date) { var d = new Date(); var d1 = new Date(); d = now.getDate(); var d2 = d.getDay(); if (d >= 15) { d1 = new Date(now.getFullYear(), now.getMonth() + 1, 1); d2 = d1.getDay(); return[(d2 == 5 && (d1.getDate() <= 7)),'']; } return [(false), '']; } function onlyFridays(date) { var day = date.getDay(); var d = date.getDate(); if (day == 5 ) return [(date <= FridayWeek()), '']; return [(false), '']; } function FridayWeek() { var d = new Date(); while (d.getDay() != 5) { d.setDate(d.getDate() + 1); } d.setDate(d.getDate() + 7); return d; }

这篇关于DatePicker日期选择自定义的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！