Знаете ли вы средство выбора даты, чтобы быстро выбрать один день текущей недели? - PullRequest
Новая
       50

Знаете ли вы средство выбора даты, чтобы быстро выбрать один день текущей недели?

1 голос
/ 25 июля 2009

Большинство сборщиков даты позволяют вам выбрать дату из календаря или ввести ее вручную. Например, http://jqueryui.com/demos/datepicker/

Для этого требуется - два щелчка (один для отображения календаря и один для выбора правильной даты) - хорошее зрение (обычно всплывающий календарь очень маленький) - и хорошая ручная работакоординация выбора правильной даты в крошечном календаре с помощью мыши.

Это не проблема для опытных пользователей, но хлопоты для пожилых людей и начинающих компьютерщиков.

Я нашел сайт с другимподход. Похоже, что их пользователи в основном выбирают даты текущей недели. Таким образом, они перечислили все дни недели в баре вместе с днем ​​недели. Текущий день отмечен другим цветом. С правой стороны есть крошечный значок календаря, который открывает обычное средство выбора даты. Это дает вам доступ ко всем обычным функциям выбора даты. Вот скриншот: http://mite.yo.lk/assets/img/tour/de/zeiten-erfassen.png

Знаете ли вы какой-либо плагин jquery, который имеет подобную функцию? Если нет, то есть ли у вас какой-нибудь другой плагин или виджет, который помог бы мне ускорить разработку?

Спасибо!

Ответы [ 2 ]

0 голосов
/ 21 мая 2010

Хорошо, я знаю, что это старый вопрос, но он забавный. Ответ не требует такой большой работы ... посмотрите! Теперь я не собираюсь разыгрывать стилизацию под этот скриншот, но в этом нет ничего особенного, просто нужно изменить CSS.

CSS: 

ul.sideways li{
    display:inline;
    border:1px solid #000;
    background-color:#DDD;
    padding:0 5px;
}​

HTML: 

<ul class="sideways">
    <li>Sun,<span> </span></li>
    <li>Mon,<span> </span></li>
    <li>Tues,<span> </span></li>
    <li>Wed,<span> </span></li>
    <li>Thurs,<span> </span></li>
    <li>Fri,<span> </span></li>
    <li>Sat,<span> </span></li>
</ul>
<div id="displayDiv"></div>​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​

jQuery: 

var dayOfWeek=new Date().getDay();
var today=new Date().getDate();
var thisMonth=new Date().getMonth();
var monthArray=["Jan","Feb","Mar","Apr","May","Jun",
            "Jul","Aug","Sep","Oct","Nov","Dec"];
var weekStart=today-dayOfWeek;

$(".sideways>li").each(function(index){
    $(this).children("span").append(monthArray[thisMonth]+" "+(weekStart+index));
}).click(function(event){
  var selectedDay=new Date();
  selectedDay.setMonth(thisMonth);
  selectedDay.setDate(weekStart+$(this).index());
  //just to demonstrate:
  $("#displayDiv").empty().append("<p>"+selectedDay+"</p>");  
});
0 голосов
/ 25 июля 2009

Конечно, есть способ сделать это, вы пришли сюда, ожидая, что мы сделаем это для вас или что-то в этом роде?

Скачайте популярные плагины, посмотрите их код, измените вещи. Посмотрите, можете ли вы изменить его, чтобы отображать только текущую неделю. Это будет разочаровывающий, но полезный процесс.

Это, конечно, не невозможно.

...