需要一个响应式的datepicker而不是pickadate.js

时间:2013-09-18 05:42:31

标签: jquery-ui jquery-mobile datepicker responsive-design

我需要一个旅行网站的响应日期选择器。我尝试了很多谷歌搜索,但除了pickadate.js之外找不到任何响应日期选择器,但我想一次显示两个月......

我还尝试使jQueryUI日期选择器响应如下:

 @media (max-width: 480px) {    
   #ui-datepicker-div{ width:70%!important;}
  .ui-datepicker-multi, .ui-datepicker-group {float: none!important;}
  .ui-datepicker-multi-2 .ui-datepicker-group{width:100%!important;}
}

但问题是压光机向上开启;见附图

in iphone the calender open in up direction

2 个答案:

答案 0 :(得分:5)

@media (max-width: 622px) and (min-width: 1px){    
#ui-datepicker-div{ width:90%!important;}.ui-datepicker-multi, .ui-datepicker-group {float: none!important;}   .ui-datepicker-multi-2 .ui-datepicker-group{width:100%!important;}   }@media only screen and (max-width: 622px) and (min-width: 1px) {  .ui-datepicker-group-last{ display:none!important;  }}

答案 1 :(得分:2)