{"id":202640,"date":"2013-11-19T16:44:02","date_gmt":"2013-11-19T12:44:02","guid":{"rendered":"http:\/\/savepearlharbor.com\/?p=202640"},"modified":"-0001-11-30T00:00:00","modified_gmt":"-0001-11-29T21:00:00","slug":"","status":"publish","type":"post","link":"https:\/\/savepearlharbor.com\/?p=202640","title":{"rendered":"<span class=\"post_title\">PickMeUp \u2014 \u0445\u043e\u0440\u043e\u0448\u0438\u0439 jQuery datepicker plugin<\/span>"},"content":{"rendered":"<div class=\"content html_format\">\n<h4>\u041f\u0440\u043e\u0431\u043b\u0435\u043c\u0430<\/h4>\n<p>  \u041d\u0430\u0447\u0438\u043d\u0430\u044f \u0440\u0430\u0431\u043e\u0442\u0443 \u043d\u0430\u0434 \u043e\u0447\u0435\u0440\u0435\u0434\u043d\u044b\u043c \u0441\u0430\u0439\u0442\u043e\u043c \u043f\u043e\u043d\u0430\u0434\u043e\u0431\u0438\u043b\u0441\u044f datepicker. \u0421\u0430\u043c\u044b\u0439 \u0438\u0437\u0432\u0435\u0441\u0442\u043d\u044b\u0439 \u0442\u0430\u043a\u043e\u0439 datepicker \u2014 \u0432 jQuery UI, \u043d\u043e \u0442\u0430\u043a \u043a\u0430\u043a jQuery UI \u0432 \u043f\u0440\u043e\u0435\u043a\u0442\u0435 \u043d\u0435 \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u043b\u0441\u044f \u2014 \u0442\u044f\u043d\u0443\u0442\u044c \u0434\u0430\u0436\u0435 \u0435\u0433\u043e \u0447\u0430\u0441\u0442\u044c \u043d\u0435 \u0445\u043e\u0442\u0435\u043b\u043e\u0441\u044c, \u043f\u0440\u0438\u043d\u044f\u043b\u0441\u044f \u0437\u0430 \u043f\u043e\u0438\u0441\u043a\u0438 \u0434\u043e\u0441\u0442\u043e\u0439\u043d\u043e\u0439 \u0430\u043b\u044c\u0442\u0435\u0440\u043d\u0430\u0442\u0438\u0432\u044b.<\/p>\n<p>  \u0422\u0440\u0435\u0431\u043e\u0432\u0430\u043d\u0438\u044f \u0441\u043b\u0435\u0434\u0443\u044e\u0449\u0438\u0435:  <\/p>\n<ul>\n<li>\u0412\u044b\u0431\u043e\u0440 \u0434\u0430\u0442\u044b, \u043d\u0435\u0441\u043a\u043e\u043b\u044c\u043a\u0438\u0445 \u0434\u0430\u0442, \u0438\u043d\u0442\u0435\u0440\u0432\u0430\u043b\u0430 <\/li>\n<li>\u041f\u0440\u043e\u0441\u0442\u043e\u0442\u0430 \u043d\u0430\u0441\u0442\u0440\u043e\u0439\u043a\u0438 \u0432\u043d\u0435\u0448\u043d\u0435\u0433\u043e \u0432\u0438\u0434\u0430 <\/li>\n<li>\u0416\u0435\u043b\u0430\u0442\u0435\u043b\u044c\u043d\u043e \u0431\u0435\u0437 \u043a\u0430\u043a\u0438\u0445-\u043b\u0438\u0431\u043e \u0437\u0430\u0432\u0438\u0441\u0438\u043c\u043e\u0441\u0442\u0435\u0439 \u043a\u0440\u043e\u043c\u0435 jQuery <\/li>\n<\/ul>\n<p>  \u0422\u0440\u0435\u0431\u043e\u0432\u0430\u043d\u0438\u044f \u0432\u043f\u043e\u043b\u043d\u0435 \u043b\u043e\u0433\u0438\u0447\u043d\u044b\u0435, \u043d\u0438\u0447\u0435\u0433\u043e \u0441\u0432\u0435\u0440\u0445 \u0435\u0441\u0442\u0435\u0441\u0442\u0432\u0435\u043d\u043d\u043e\u0433\u043e.<br \/>  \u041a\u0430\u043a\u043e\u0432\u043e \u0431\u044b\u043b\u043e \u043c\u043e\u0435 \u0443\u0434\u0438\u0432\u043b\u0435\u043d\u0438\u0435, \u043a\u043e\u0433\u0434\u0430 \u043f\u0440\u043e\u0441\u043c\u043e\u0442\u0440\u0435\u0432 \u0434\u0435\u0441\u044f\u0442\u043a\u0430 \u0434\u0432\u0430 \u043f\u043b\u0430\u0433\u0438\u043d\u043e\u0432 \u044f \u043d\u0435 \u043d\u0430\u0448\u0435\u043b \u043f\u043e\u0434\u0445\u043e\u0434\u044f\u0449\u0435\u0433\u043e.<\/p>\n<p>  \u0414\u043b\u044f \u043b\u044e\u0431\u043e\u043f\u044b\u0442\u043d\u044b\u0445 \u2014 \u0441\u0440\u0430\u0437\u0443 <a href=\"http:\/\/nazar-pc.github.io\/PickMeUp\/\">\u0434\u0435\u043c\u043e<\/a> \u0442\u043e\u0433\u043e, \u0447\u0442\u043e \u043f\u043e\u043b\u0443\u0447\u0438\u043b\u043e\u0441\u044c \u0432 \u0440\u0435\u0437\u0443\u043b\u044c\u0442\u0430\u0442\u0435.<br \/>  <a name=\"habracut\"><\/a><br \/>  \u0411\u043b\u0438\u0436\u0435 \u0432\u0441\u0435\u0445 \u043a \u0442\u0440\u0435\u0431\u043e\u0432\u0430\u043d\u0438\u044f\u043c \u043e\u043a\u0430\u0437\u0430\u043b\u0441\u044f <a href=\"http:\/\/www.eyecon.ro\/datepicker\/\">DatePicker<\/a>.<br \/>  \u041d\u043e \u0443 \u043d\u0435\u0433\u043e \u0431\u044b\u043b\u043e \u043d\u0435\u0441\u043a\u043e\u043b\u044c\u043a\u043e \u043d\u0435\u0434\u043e\u0441\u0442\u0430\u0442\u043a\u043e\u0432:  <\/p>\n<ul>\n<li>\u0418\u0437\u0431\u044b\u0442\u043e\u0447\u043d\u0430\u044f \u0442\u0430\u0431\u043b\u0438\u0447\u043d\u0430\u044f \u0432\u0435\u0440\u0441\u0442\u043a\u0430 <\/li>\n<li>\u0421\u0442\u0430\u0440\u044b\u0439 \u0441\u0442\u0438\u043b\u044c \u043e\u0444\u043e\u0440\u043c\u043b\u0435\u043d\u0438\u044f \u043a\u0430\u0440\u0442\u0438\u043d\u043a\u0430\u043c\u0438 <\/li>\n<li>\u041f\u0440\u043e\u0441\u0442\u043e \u0441\u0442\u0430\u0440\u044b\u0439, \u043d\u0435 \u0440\u0430\u0437\u0432\u0438\u0432\u0430\u043b\u0441\u044f \u0441 2009 \u0433\u043e\u0434\u0430 <\/li>\n<li>\u041d\u0435\u0441\u043a\u043e\u043b\u044c\u043a\u043e \u0434\u043e\u0441\u0430\u0434\u043d\u044b\u0445 \u0431\u0430\u0433\u043e\u0432 <\/li>\n<\/ul>\n<p>  \u0420\u0435\u0448\u0438\u0442\u044c \u0438\u0445 \u043c\u043e\u0436\u043d\u043e \u0431\u044b\u043b\u043e \u043a\u043e\u0435-\u043a\u0430\u043a \u0440\u0430\u0437\u043e\u0432\u043e, \u043d\u043e \u0431\u044b\u043b\u043e \u0440\u0435\u0448\u0435\u043d\u043e \u0434\u043e\u0432\u0435\u0441\u0442\u0438 \u0434\u043e \u0443\u043c\u0430, \u0432\u0435\u0434\u044c \u043d\u0435 \u043f\u043e\u0441\u043b\u0435\u0434\u043d\u0438\u0439 \u043f\u0440\u043e\u0435\u043a\u0442, \u0434\u0430 \u0438 \u0434\u0440\u0443\u0433\u0438\u043c \u043c\u043e\u0436\u0435\u0442 \u043f\u0440\u0438\u0433\u043e\u0434\u0438\u0442\u044c\u0441\u044f.<\/p>\n<h4>\u0412\u0435\u043b\u043e\u0441\u0438\u043f\u0435\u0434, \u0442\u0430\u043a \u0432\u0435\u043b\u043e\u0441\u0438\u043f\u0435\u0434<\/h4>\n<p>  \u041f\u0435\u0440\u0432\u043e\u0435 \u0447\u0442\u043e \u0437\u0430\u0445\u043e\u0442\u0435\u043b\u043e\u0441\u044c \u0438\u0437\u043c\u0435\u043d\u0438\u0442\u044c \u2014 \u0443\u0431\u0440\u0430\u0442\u044c \u043a\u0430\u0440\u0442\u0438\u043d\u043a\u0438 \u0434\u043b\u044f \u043e\u043a\u0440\u0443\u0433\u043b\u0435\u043d\u0438\u044f \u043a\u0440\u0430\u0435\u0432. \u041d\u043e \u043a\u0430\u0440\u0442\u0438\u043d\u043a\u0438 \u0432 \u044f\u0447\u0435\u0439\u043a\u0430\u0445 \u0442\u0430\u0431\u043b\u0438\u0446\u044b. \u0423\u0431\u0440\u0430\u043b \u044f\u0447\u0435\u0439\u043a\u0438 \u2014 \u043e\u0442\u0432\u0430\u043b\u0438\u043b\u0430\u0441\u044c \u043f\u043e\u0447\u0442\u0438 \u0432\u0441\u044f \u0444\u0443\u043d\u043a\u0446\u0438\u043e\u043d\u0430\u043b\u044c\u043d\u043e\u0441\u0442\u044c\u2026 \u041d\u043e \u0432\u0435\u0434\u044c \u043f\u0443\u0442\u0438 \u043d\u0430\u0437\u0430\u0434 \u043d\u0435\u0442!<\/p>\n<p>  \u041f\u043e\u0442\u043e\u043c \u043f\u043e\u0448\u0435\u043b \u0440\u0435\u0444\u0430\u043a\u0442\u043e\u0440\u0438\u043d\u0433 \u043d\u0435\u043a\u043e\u0442\u043e\u0440\u044b\u0445 \u0432\u0435\u0449\u0435\u0439, \u0438\u0441\u043f\u0440\u0430\u0432\u043b\u0435\u043d\u0438\u0435 \u0431\u0430\u0433\u043e\u0432, \u0434\u043e\u0431\u0430\u0432\u043b\u0435\u043d\u0438\u0435 \u043c\u0435\u043b\u043a\u0438\u0445 \u0444\u0438\u0447, \u0441\u043d\u043e\u0432\u0430 \u0438\u0441\u043f\u0440\u0430\u0432\u043b\u0435\u043d\u0438\u0435 \u0431\u0430\u0433\u043e\u0432, \u0438 \u0442\u0430\u043a \u043f\u043e \u043a\u0440\u0443\u0433\u0443.<br \/>  \u041d\u0430 \u0432\u0441\u0451 \u0443\u0448\u043b\u043e \u043e\u043a\u043e\u043b\u043e \u0434\u0432\u0443\u0445 \u043f\u043e\u043b\u043d\u044b\u0445 \u0434\u043d\u0435\u0439, \u0438 \u043e\u043d\u043e \u0442\u043e\u0433\u043e \u0441\u0442\u043e\u0438\u043b\u043e.<\/p>\n<h4>\u0427\u0442\u043e \u043f\u043e\u043b\u0443\u0447\u0438\u043b\u043e\u0441\u044c<\/h4>\n<p>  \u041a\u0430\u043a \u043f\u0440\u0438\u043c\u0435\u0440 \u043f\u0440\u0438\u0432\u043e\u0436\u0443 \u043a\u043e\u0434, \u0433\u0435\u043d\u0435\u0440\u0438\u0440\u0443\u0435\u043c\u044b\u0439 \u043e\u0440\u0438\u0433\u0438\u043d\u0430\u043b\u044c\u043d\u044b\u043c DatePicker:<\/p>\n<div class=\"spoiler\"><b class=\"spoiler_title\">\u0421\u043a\u0440\u044b\u0442\u044b\u0439 \u0442\u0435\u043a\u0441\u0442<\/b><\/p>\n<div class=\"spoiler_text\">\n<pre><code class=\"html\">&lt;div class=&quot;datepicker&quot; id=&quot;datepicker_828&quot; style=&quot;display: block; position: relative; width: 196px; height: 148px;&quot;&gt;   &lt;div class=&quot;datepickerBorderT&quot;&gt;&lt;\/div&gt;   &lt;div class=&quot;datepickerBorderB&quot;&gt;&lt;\/div&gt;   &lt;div class=&quot;datepickerBorderL&quot;&gt;&lt;\/div&gt;   &lt;div class=&quot;datepickerBorderR&quot;&gt;&lt;\/div&gt;   &lt;div class=&quot;datepickerBorderTL&quot;&gt;&lt;\/div&gt;   &lt;div class=&quot;datepickerBorderTR&quot;&gt;&lt;\/div&gt;   &lt;div class=&quot;datepickerBorderBL&quot;&gt;&lt;\/div&gt;   &lt;div class=&quot;datepickerBorderBR&quot;&gt;&lt;\/div&gt;   &lt;div class=&quot;datepickerContainer&quot; style=&quot;width: 176px; height: 128px;&quot;&gt;     &lt;table cellspacing=&quot;0&quot; cellpadding=&quot;0&quot;&gt;       &lt;tbody&gt;         &lt;tr&gt;           &lt;td&gt;             &lt;table cellspacing=&quot;0&quot; cellpadding=&quot;0&quot; class=&quot;datepickerViewYears&quot;&gt;               &lt;thead&gt;                 &lt;tr&gt;                   &lt;th class=&quot;datepickerGoPrev&quot;&gt;                     &lt;a href=&quot;#&quot;&gt;                       &lt;span&gt;\u25c0&lt;\/span&gt;                     &lt;\/a&gt;                   &lt;\/th&gt;                   &lt;th colspan=&quot;6&quot; class=&quot;datepickerMonth&quot;&gt;                     &lt;a href=&quot;#&quot;&gt;                       &lt;span&gt;2002 - 2013&lt;\/span&gt;                     &lt;\/a&gt;                   &lt;\/th&gt;                   &lt;th class=&quot;datepickerGoNext&quot;&gt;                     &lt;a href=&quot;#&quot;&gt;                       &lt;span&gt;\u25b6&lt;\/span&gt;                     &lt;\/a&gt;                   &lt;\/th&gt;                 &lt;\/tr&gt;                 &lt;tr class=&quot;datepickerDoW&quot;&gt;                   &lt;th&gt;                     &lt;span&gt;wk&lt;\/span&gt;                   &lt;\/th&gt;                   &lt;th&gt;                     &lt;span&gt;Mo&lt;\/span&gt;                   &lt;\/th&gt;                   &lt;th&gt;                     &lt;span&gt;Tu&lt;\/span&gt;                   &lt;\/th&gt;                   &lt;th&gt;                     &lt;span&gt;We&lt;\/span&gt;                   &lt;\/th&gt;                   &lt;th&gt;                     &lt;span&gt;Th&lt;\/span&gt;                   &lt;\/th&gt;                   &lt;th&gt;                     &lt;span&gt;Fr&lt;\/span&gt;                   &lt;\/th&gt;                   &lt;th&gt;                     &lt;span&gt;Sa&lt;\/span&gt;                   &lt;\/th&gt;                   &lt;th&gt;                     &lt;span&gt;Su&lt;\/span&gt;                   &lt;\/th&gt;                 &lt;\/tr&gt;               &lt;\/thead&gt;               &lt;tbody class=&quot;datepickerMonths&quot;&gt;                 &lt;tr&gt;                   &lt;td colspan=&quot;2&quot;&gt;                     &lt;a href=&quot;#&quot;&gt;                       &lt;span&gt;Jan&lt;\/span&gt;                     &lt;\/a&gt;                   &lt;\/td&gt;                   &lt;td colspan=&quot;2&quot;&gt;                     &lt;a href=&quot;#&quot;&gt;                       &lt;span&gt;Feb&lt;\/span&gt;                     &lt;\/a&gt;                   &lt;\/td&gt;                   &lt;td colspan=&quot;2&quot;&gt;                     &lt;a href=&quot;#&quot;&gt;                       &lt;span&gt;Mar&lt;\/span&gt;                     &lt;\/a&gt;                   &lt;\/td&gt;                   &lt;td colspan=&quot;2&quot;&gt;                     &lt;a href=&quot;#&quot;&gt;                       &lt;span&gt;Apr&lt;\/span&gt;                     &lt;\/a&gt;                   &lt;\/td&gt;                 &lt;\/tr&gt;                 &lt;tr&gt;                   &lt;td colspan=&quot;2&quot;&gt;                     &lt;a href=&quot;#&quot;&gt;                       &lt;span&gt;May&lt;\/span&gt;                     &lt;\/a&gt;                   &lt;\/td&gt;                   &lt;td colspan=&quot;2&quot;&gt;                     &lt;a href=&quot;#&quot;&gt;                       &lt;span&gt;Jun&lt;\/span&gt;                     &lt;\/a&gt;                   &lt;\/td&gt;                   &lt;td colspan=&quot;2&quot;&gt;                     &lt;a href=&quot;#&quot;&gt;                       &lt;span&gt;Jul&lt;\/span&gt;                     &lt;\/a&gt;                   &lt;\/td&gt;                   &lt;td colspan=&quot;2&quot;&gt;                     &lt;a href=&quot;#&quot;&gt;                       &lt;span&gt;Aug&lt;\/span&gt;                     &lt;\/a&gt;                   &lt;\/td&gt;                 &lt;\/tr&gt;                 &lt;tr&gt;                   &lt;td colspan=&quot;2&quot;&gt;                     &lt;a href=&quot;#&quot;&gt;                       &lt;span&gt;Sep&lt;\/span&gt;                     &lt;\/a&gt;                   &lt;\/td&gt;                   &lt;td colspan=&quot;2&quot;&gt;                     &lt;a href=&quot;#&quot;&gt;                       &lt;span&gt;Oct&lt;\/span&gt;                     &lt;\/a&gt;                   &lt;\/td&gt;                   &lt;td colspan=&quot;2&quot;&gt;                     &lt;a href=&quot;#&quot;&gt;                       &lt;span&gt;Nov&lt;\/span&gt;                     &lt;\/a&gt;                   &lt;\/td&gt;                   &lt;td colspan=&quot;2&quot;&gt;                     &lt;a href=&quot;#&quot;&gt;                       &lt;span&gt;Dec&lt;\/span&gt;                     &lt;\/a&gt;                   &lt;\/td&gt;                 &lt;\/tr&gt;               &lt;\/tbody&gt;               &lt;tbody class=&quot;datepickerDays&quot;&gt;                 &lt;tr&gt;                   &lt;th class=&quot;datepickerWeek&quot;&gt;                     &lt;a href=&quot;#&quot;&gt;                       &lt;span&gt;27&lt;\/span&gt;                     &lt;\/a&gt;                   &lt;\/th&gt;                   &lt;td class=&quot;datepickerNotInMonth&quot;&gt;                     &lt;a href=&quot;#&quot;&gt;                       &lt;span&gt;30&lt;\/span&gt;                     &lt;\/a&gt;                   &lt;\/td&gt;                   &lt;td class=&quot;&quot;&gt;                     &lt;a href=&quot;#&quot;&gt;                       &lt;span&gt;1&lt;\/span&gt;                     &lt;\/a&gt;                   &lt;\/td&gt;                   &lt;td class=&quot;&quot;&gt;                     &lt;a href=&quot;#&quot;&gt;                       &lt;span&gt;2&lt;\/span&gt;                     &lt;\/a&gt;                   &lt;\/td&gt;                   &lt;td class=&quot;&quot;&gt;                     &lt;a href=&quot;#&quot;&gt;                       &lt;span&gt;3&lt;\/span&gt;                     &lt;\/a&gt;                   &lt;\/td&gt;                   &lt;td class=&quot;&quot;&gt;                     &lt;a href=&quot;#&quot;&gt;                       &lt;span&gt;4&lt;\/span&gt;                     &lt;\/a&gt;                   &lt;\/td&gt;                   &lt;td class=&quot;datepickerSaturday&quot;&gt;                     &lt;a href=&quot;#&quot;&gt;                       &lt;span&gt;5&lt;\/span&gt;                     &lt;\/a&gt;                   &lt;\/td&gt;                   &lt;td class=&quot;datepickerSunday&quot;&gt;                     &lt;a href=&quot;#&quot;&gt;                       &lt;span&gt;6&lt;\/span&gt;                     &lt;\/a&gt;                   &lt;\/td&gt;                 &lt;\/tr&gt;                 &lt;tr&gt;                   &lt;th class=&quot;datepickerWeek&quot;&gt;                     &lt;a href=&quot;#&quot;&gt;                       &lt;span&gt;28&lt;\/span&gt;                     &lt;\/a&gt;                   &lt;\/th&gt;                   &lt;td class=&quot;&quot;&gt;                     &lt;a href=&quot;#&quot;&gt;                       &lt;span&gt;7&lt;\/span&gt;                     &lt;\/a&gt;                   &lt;\/td&gt;                   &lt;td class=&quot;&quot;&gt;                     &lt;a href=&quot;#&quot;&gt;                       &lt;span&gt;8&lt;\/span&gt;                     &lt;\/a&gt;                   &lt;\/td&gt;                   &lt;td class=&quot;&quot;&gt;                     &lt;a href=&quot;#&quot;&gt;                       &lt;span&gt;9&lt;\/span&gt;                     &lt;\/a&gt;                   &lt;\/td&gt;                   &lt;td class=&quot;&quot;&gt;                     &lt;a href=&quot;#&quot;&gt;                       &lt;span&gt;10&lt;\/span&gt;                     &lt;\/a&gt;                   &lt;\/td&gt;                   &lt;td class=&quot;&quot;&gt;                     &lt;a href=&quot;#&quot;&gt;                       &lt;span&gt;11&lt;\/span&gt;                     &lt;\/a&gt;                   &lt;\/td&gt;                   &lt;td class=&quot;datepickerSaturday&quot;&gt;                     &lt;a href=&quot;#&quot;&gt;                       &lt;span&gt;12&lt;\/span&gt;                     &lt;\/a&gt;                   &lt;\/td&gt;                   &lt;td class=&quot;datepickerSunday&quot;&gt;                     &lt;a href=&quot;#&quot;&gt;                       &lt;span&gt;13&lt;\/span&gt;                     &lt;\/a&gt;                   &lt;\/td&gt;                 &lt;\/tr&gt;                 &lt;tr&gt;                   &lt;th class=&quot;datepickerWeek&quot;&gt;                     &lt;a href=&quot;#&quot;&gt;                       &lt;span&gt;29&lt;\/span&gt;                     &lt;\/a&gt;                   &lt;\/th&gt;                   &lt;td class=&quot;&quot;&gt;                     &lt;a href=&quot;#&quot;&gt;                       &lt;span&gt;14&lt;\/span&gt;                     &lt;\/a&gt;                   &lt;\/td&gt;                   &lt;td class=&quot;&quot;&gt;                     &lt;a href=&quot;#&quot;&gt;                       &lt;span&gt;15&lt;\/span&gt;                     &lt;\/a&gt;                   &lt;\/td&gt;                   &lt;td class=&quot;&quot;&gt;                     &lt;a href=&quot;#&quot;&gt;                       &lt;span&gt;16&lt;\/span&gt;                     &lt;\/a&gt;                   &lt;\/td&gt;                   &lt;td class=&quot;&quot;&gt;                     &lt;a href=&quot;#&quot;&gt;                       &lt;span&gt;17&lt;\/span&gt;                     &lt;\/a&gt;                   &lt;\/td&gt;                   &lt;td class=&quot;&quot;&gt;                     &lt;a href=&quot;#&quot;&gt;                       &lt;span&gt;18&lt;\/span&gt;                     &lt;\/a&gt;                   &lt;\/td&gt;                   &lt;td class=&quot;datepickerSaturday&quot;&gt;                     &lt;a href=&quot;#&quot;&gt;                       &lt;span&gt;19&lt;\/span&gt;                     &lt;\/a&gt;                   &lt;\/td&gt;                   &lt;td class=&quot;datepickerSunday&quot;&gt;                     &lt;a href=&quot;#&quot;&gt;                       &lt;span&gt;20&lt;\/span&gt;                     &lt;\/a&gt;                   &lt;\/td&gt;                 &lt;\/tr&gt;                 &lt;tr&gt;                   &lt;th class=&quot;datepickerWeek&quot;&gt;                     &lt;a href=&quot;#&quot;&gt;                       &lt;span&gt;30&lt;\/span&gt;                     &lt;\/a&gt;                   &lt;\/th&gt;                   &lt;td class=&quot;&quot;&gt;                     &lt;a href=&quot;#&quot;&gt;                       &lt;span&gt;21&lt;\/span&gt;                     &lt;\/a&gt;                   &lt;\/td&gt;                   &lt;td class=&quot;&quot;&gt;                     &lt;a href=&quot;#&quot;&gt;                       &lt;span&gt;22&lt;\/span&gt;                     &lt;\/a&gt;                   &lt;\/td&gt;                   &lt;td class=&quot;&quot;&gt;                     &lt;a href=&quot;#&quot;&gt;                       &lt;span&gt;23&lt;\/span&gt;                     &lt;\/a&gt;                   &lt;\/td&gt;                   &lt;td class=&quot;&quot;&gt;                     &lt;a href=&quot;#&quot;&gt;                       &lt;span&gt;24&lt;\/span&gt;                     &lt;\/a&gt;                   &lt;\/td&gt;                   &lt;td class=&quot;&quot;&gt;                     &lt;a href=&quot;#&quot;&gt;                       &lt;span&gt;25&lt;\/span&gt;                     &lt;\/a&gt;                   &lt;\/td&gt;                   &lt;td class=&quot;datepickerSaturday&quot;&gt;                     &lt;a href=&quot;#&quot;&gt;                       &lt;span&gt;26&lt;\/span&gt;                     &lt;\/a&gt;                   &lt;\/td&gt;                   &lt;td class=&quot;datepickerSunday&quot;&gt;                     &lt;a href=&quot;#&quot;&gt;                       &lt;span&gt;27&lt;\/span&gt;                     &lt;\/a&gt;                   &lt;\/td&gt;                 &lt;\/tr&gt;                 &lt;tr&gt;                   &lt;th class=&quot;datepickerWeek&quot;&gt;                     &lt;a href=&quot;#&quot;&gt;                       &lt;span&gt;31&lt;\/span&gt;                     &lt;\/a&gt;                   &lt;\/th&gt;                   &lt;td class=&quot;&quot;&gt;                     &lt;a href=&quot;#&quot;&gt;                       &lt;span&gt;28&lt;\/span&gt;                     &lt;\/a&gt;                   &lt;\/td&gt;                   &lt;td class=&quot;&quot;&gt;                     &lt;a href=&quot;#&quot;&gt;                       &lt;span&gt;29&lt;\/span&gt;                     &lt;\/a&gt;                   &lt;\/td&gt;                   &lt;td class=&quot;&quot;&gt;                     &lt;a href=&quot;#&quot;&gt;                       &lt;span&gt;30&lt;\/span&gt;                     &lt;\/a&gt;                   &lt;\/td&gt;                   &lt;td class=&quot;datepickerSelected&quot;&gt;                     &lt;a href=&quot;#&quot;&gt;                       &lt;span&gt;31&lt;\/span&gt;                     &lt;\/a&gt;                   &lt;\/td&gt;                   &lt;td class=&quot;datepickerNotInMonth&quot;&gt;                     &lt;a href=&quot;#&quot;&gt;                       &lt;span&gt;1&lt;\/span&gt;                     &lt;\/a&gt;                   &lt;\/td&gt;                   &lt;td class=&quot;datepickerNotInMonth datepickerSaturday&quot;&gt;                     &lt;a href=&quot;#&quot;&gt;                       &lt;span&gt;2&lt;\/span&gt;                     &lt;\/a&gt;                   &lt;\/td&gt;                   &lt;td class=&quot;datepickerNotInMonth datepickerSunday&quot;&gt;                     &lt;a href=&quot;#&quot;&gt;                       &lt;span&gt;3&lt;\/span&gt;                     &lt;\/a&gt;                   &lt;\/td&gt;                 &lt;\/tr&gt;                 &lt;tr&gt;                   &lt;th class=&quot;datepickerWeek&quot;&gt;                     &lt;a href=&quot;#&quot;&gt;                       &lt;span&gt;32&lt;\/span&gt;                     &lt;\/a&gt;                   &lt;\/th&gt;                   &lt;td class=&quot;datepickerNotInMonth&quot;&gt;                     &lt;a href=&quot;#&quot;&gt;                       &lt;span&gt;4&lt;\/span&gt;                     &lt;\/a&gt;                   &lt;\/td&gt;                   &lt;td class=&quot;datepickerNotInMonth&quot;&gt;                     &lt;a href=&quot;#&quot;&gt;                       &lt;span&gt;5&lt;\/span&gt;                     &lt;\/a&gt;                   &lt;\/td&gt;                   &lt;td class=&quot;datepickerNotInMonth&quot;&gt;                     &lt;a href=&quot;#&quot;&gt;                       &lt;span&gt;6&lt;\/span&gt;                     &lt;\/a&gt;                   &lt;\/td&gt;                   &lt;td class=&quot;datepickerNotInMonth&quot;&gt;                     &lt;a href=&quot;#&quot;&gt;                       &lt;span&gt;7&lt;\/span&gt;                     &lt;\/a&gt;                   &lt;\/td&gt;                   &lt;td class=&quot;datepickerNotInMonth&quot;&gt;                     &lt;a href=&quot;#&quot;&gt;                       &lt;span&gt;8&lt;\/span&gt;                     &lt;\/a&gt;                   &lt;\/td&gt;                   &lt;td class=&quot;datepickerNotInMonth datepickerSaturday&quot;&gt;                     &lt;a href=&quot;#&quot;&gt;                       &lt;span&gt;9&lt;\/span&gt;                     &lt;\/a&gt;                   &lt;\/td&gt;                   &lt;td class=&quot;datepickerNotInMonth datepickerSunday&quot;&gt;                     &lt;a href=&quot;#&quot;&gt;                       &lt;span&gt;10&lt;\/span&gt;                     &lt;\/a&gt;                   &lt;\/td&gt;                 &lt;\/tr&gt;               &lt;\/tbody&gt;               &lt;tbody class=&quot;datepickerYears&quot;&gt;                 &lt;tr&gt;                   &lt;td colspan=&quot;2&quot;&gt;                     &lt;a href=&quot;#&quot;&gt;                       &lt;span&gt;2002&lt;\/span&gt;                     &lt;\/a&gt;                   &lt;\/td&gt;                   &lt;td colspan=&quot;2&quot;&gt;                     &lt;a href=&quot;#&quot;&gt;                       &lt;span&gt;2003&lt;\/span&gt;                     &lt;\/a&gt;                   &lt;\/td&gt;                   &lt;td colspan=&quot;2&quot;&gt;                     &lt;a href=&quot;#&quot;&gt;                       &lt;span&gt;2004&lt;\/span&gt;                     &lt;\/a&gt;                   &lt;\/td&gt;                   &lt;td colspan=&quot;2&quot;&gt;                     &lt;a href=&quot;#&quot;&gt;                       &lt;span&gt;2005&lt;\/span&gt;                     &lt;\/a&gt;                   &lt;\/td&gt;                 &lt;\/tr&gt;                 &lt;tr&gt;                   &lt;td colspan=&quot;2&quot;&gt;                     &lt;a href=&quot;#&quot;&gt;                       &lt;span&gt;2006&lt;\/span&gt;                     &lt;\/a&gt;                   &lt;\/td&gt;                   &lt;td colspan=&quot;2&quot;&gt;                     &lt;a href=&quot;#&quot;&gt;                       &lt;span&gt;2007&lt;\/span&gt;                     &lt;\/a&gt;                   &lt;\/td&gt;                   &lt;td colspan=&quot;2&quot;&gt;                     &lt;a href=&quot;#&quot;&gt;                       &lt;span&gt;2008&lt;\/span&gt;                     &lt;\/a&gt;                   &lt;\/td&gt;                   &lt;td colspan=&quot;2&quot;&gt;                     &lt;a href=&quot;#&quot;&gt;                       &lt;span&gt;2009&lt;\/span&gt;                     &lt;\/a&gt;                   &lt;\/td&gt;                 &lt;\/tr&gt;                 &lt;tr&gt;                   &lt;td colspan=&quot;2&quot;&gt;                     &lt;a href=&quot;#&quot;&gt;                       &lt;span&gt;2010&lt;\/span&gt;                     &lt;\/a&gt;                   &lt;\/td&gt;                   &lt;td colspan=&quot;2&quot;&gt;                     &lt;a href=&quot;#&quot;&gt;                       &lt;span&gt;2011&lt;\/span&gt;                     &lt;\/a&gt;                   &lt;\/td&gt;                   &lt;td colspan=&quot;2&quot;&gt;                     &lt;a href=&quot;#&quot;&gt;                       &lt;span&gt;2012&lt;\/span&gt;                     &lt;\/a&gt;                   &lt;\/td&gt;                   &lt;td colspan=&quot;2&quot;&gt;                     &lt;a href=&quot;#&quot;&gt;                       &lt;span&gt;2013&lt;\/span&gt;                     &lt;\/a&gt;                   &lt;\/td&gt;                 &lt;\/tr&gt;               &lt;\/tbody&gt;             &lt;\/table&gt;           &lt;\/td&gt;         &lt;\/tr&gt;       &lt;\/tbody&gt;     &lt;\/table&gt;   &lt;\/div&gt; &lt;\/div&gt; <\/code><\/pre>\n<\/div>\n<\/div>\n<p>  \u0438 \u043a\u043e\u0434, \u0433\u0435\u043d\u0435\u0440\u0438\u0440\u0443\u0435\u043c\u044b\u0439 PickMeUp:<\/p>\n<div class=\"spoiler\"><b class=\"spoiler_title\">\u0421\u043a\u0440\u044b\u0442\u044b\u0439 \u0442\u0435\u043a\u0441\u0442<\/b><\/p>\n<div class=\"spoiler_text\">\n<pre><code class=\"html\">&lt;div class=&quot;pickmeup pmu-view-days&quot; style=&quot;position: relative; display: inline-block;&quot;&gt;   &lt;div class=&quot;pmu-instance&quot;&gt;     &lt;nav&gt;       &lt;div class=&quot;pmu-prev pmu-button&quot;&gt;\u25c0&lt;\/div&gt;       &lt;div class=&quot;pmu-month pmu-button&quot;&gt;November, 2013&lt;\/div&gt;       &lt;div class=&quot;pmu-next pmu-button&quot;&gt;\u25b6&lt;\/div&gt;     &lt;\/nav&gt;     &lt;nav class=&quot;pmu-day-of-week&quot;&gt;       &lt;div&gt;Mo&lt;\/div&gt;       &lt;div&gt;Tu&lt;\/div&gt;       &lt;div&gt;We&lt;\/div&gt;       &lt;div&gt;Th&lt;\/div&gt;       &lt;div&gt;Fr&lt;\/div&gt;       &lt;div&gt;Sa&lt;\/div&gt;       &lt;div&gt;Su&lt;\/div&gt;     &lt;\/nav&gt;     &lt;div class=&quot;pmu-months&quot;&gt;       &lt;div class=&quot;pmu-button&quot;&gt;Jan&lt;\/div&gt;       &lt;div class=&quot;pmu-button&quot;&gt;Feb&lt;\/div&gt;       &lt;div class=&quot;pmu-button&quot;&gt;Mar&lt;\/div&gt;       &lt;div class=&quot;pmu-button&quot;&gt;Apr&lt;\/div&gt;       &lt;div class=&quot;pmu-button&quot;&gt;May&lt;\/div&gt;       &lt;div class=&quot;pmu-button&quot;&gt;Jun&lt;\/div&gt;       &lt;div class=&quot;pmu-button&quot;&gt;Jul&lt;\/div&gt;       &lt;div class=&quot;pmu-button&quot;&gt;Aug&lt;\/div&gt;       &lt;div class=&quot;pmu-button&quot;&gt;Sep&lt;\/div&gt;       &lt;div class=&quot;pmu-button&quot;&gt;Oct&lt;\/div&gt;       &lt;div class=&quot;pmu-button&quot;&gt;Nov&lt;\/div&gt;       &lt;div class=&quot;pmu-button&quot;&gt;Dec&lt;\/div&gt;     &lt;\/div&gt;     &lt;div class=&quot;pmu-days&quot;&gt;       &lt;div class=&quot;pmu-not-in-month pmu-button&quot;&gt;28&lt;\/div&gt;       &lt;div class=&quot;pmu-not-in-month pmu-button&quot;&gt;29&lt;\/div&gt;       &lt;div class=&quot;pmu-not-in-month pmu-button&quot;&gt;30&lt;\/div&gt;       &lt;div class=&quot;pmu-not-in-month pmu-button&quot;&gt;31&lt;\/div&gt;       &lt;div class=&quot; pmu-button&quot;&gt;1&lt;\/div&gt;       &lt;div class=&quot;pmu-saturday pmu-button&quot;&gt;2&lt;\/div&gt;       &lt;div class=&quot;pmu-sunday pmu-button&quot;&gt;3&lt;\/div&gt;       &lt;div class=&quot; pmu-button&quot;&gt;4&lt;\/div&gt;       &lt;div class=&quot; pmu-button&quot;&gt;5&lt;\/div&gt;       &lt;div class=&quot; pmu-button&quot;&gt;6&lt;\/div&gt;       &lt;div class=&quot; pmu-button&quot;&gt;7&lt;\/div&gt;       &lt;div class=&quot; pmu-button&quot;&gt;8&lt;\/div&gt;       &lt;div class=&quot;pmu-saturday pmu-button&quot;&gt;9&lt;\/div&gt;       &lt;div class=&quot;pmu-sunday pmu-button&quot;&gt;10&lt;\/div&gt;       &lt;div class=&quot; pmu-button&quot;&gt;11&lt;\/div&gt;       &lt;div class=&quot; pmu-button&quot;&gt;12&lt;\/div&gt;       &lt;div class=&quot; pmu-button&quot;&gt;13&lt;\/div&gt;       &lt;div class=&quot; pmu-button&quot;&gt;14&lt;\/div&gt;       &lt;div class=&quot; pmu-button&quot;&gt;15&lt;\/div&gt;       &lt;div class=&quot;pmu-saturday pmu-button&quot;&gt;16&lt;\/div&gt;       &lt;div class=&quot;pmu-sunday pmu-button&quot;&gt;17&lt;\/div&gt;       &lt;div class=&quot;pmu-selected pmu-button&quot;&gt;18&lt;\/div&gt;       &lt;div class=&quot; pmu-button&quot;&gt;19&lt;\/div&gt;       &lt;div class=&quot; pmu-button&quot;&gt;20&lt;\/div&gt;       &lt;div class=&quot; pmu-button&quot;&gt;21&lt;\/div&gt;       &lt;div class=&quot; pmu-button&quot;&gt;22&lt;\/div&gt;       &lt;div class=&quot;pmu-saturday pmu-button&quot;&gt;23&lt;\/div&gt;       &lt;div class=&quot;pmu-sunday pmu-button&quot;&gt;24&lt;\/div&gt;       &lt;div class=&quot; pmu-button&quot;&gt;25&lt;\/div&gt;       &lt;div class=&quot; pmu-button&quot;&gt;26&lt;\/div&gt;       &lt;div class=&quot; pmu-button&quot;&gt;27&lt;\/div&gt;       &lt;div class=&quot; pmu-button&quot;&gt;28&lt;\/div&gt;       &lt;div class=&quot; pmu-button&quot;&gt;29&lt;\/div&gt;       &lt;div class=&quot;pmu-saturday pmu-button&quot;&gt;30&lt;\/div&gt;       &lt;div class=&quot;pmu-not-in-month pmu-sunday pmu-button&quot;&gt;1&lt;\/div&gt;       &lt;div class=&quot;pmu-not-in-month pmu-button&quot;&gt;2&lt;\/div&gt;       &lt;div class=&quot;pmu-not-in-month pmu-button&quot;&gt;3&lt;\/div&gt;       &lt;div class=&quot;pmu-not-in-month pmu-button&quot;&gt;4&lt;\/div&gt;       &lt;div class=&quot;pmu-not-in-month pmu-button&quot;&gt;5&lt;\/div&gt;       &lt;div class=&quot;pmu-not-in-month pmu-button&quot;&gt;6&lt;\/div&gt;       &lt;div class=&quot;pmu-not-in-month pmu-saturday pmu-button&quot;&gt;7&lt;\/div&gt;       &lt;div class=&quot;pmu-not-in-month pmu-sunday pmu-button&quot;&gt;8&lt;\/div&gt;     &lt;\/div&gt;     &lt;div class=&quot;pmu-years&quot;&gt;       &lt;div class=&quot;pmu-button&quot;&gt;2007&lt;\/div&gt;       &lt;div class=&quot;pmu-button&quot;&gt;2008&lt;\/div&gt;       &lt;div class=&quot;pmu-button&quot;&gt;2009&lt;\/div&gt;       &lt;div class=&quot;pmu-button&quot;&gt;2010&lt;\/div&gt;       &lt;div class=&quot;pmu-button&quot;&gt;2011&lt;\/div&gt;       &lt;div class=&quot;pmu-button&quot;&gt;2012&lt;\/div&gt;       &lt;div class=&quot;pmu-button&quot;&gt;2013&lt;\/div&gt;       &lt;div class=&quot;pmu-button&quot;&gt;2014&lt;\/div&gt;       &lt;div class=&quot;pmu-button&quot;&gt;2015&lt;\/div&gt;       &lt;div class=&quot;pmu-button&quot;&gt;2016&lt;\/div&gt;       &lt;div class=&quot;pmu-button&quot;&gt;2017&lt;\/div&gt;       &lt;div class=&quot;pmu-button&quot;&gt;2018&lt;\/div&gt;     &lt;\/div&gt;   &lt;\/div&gt; &lt;\/div&gt; <\/code><\/pre>\n<\/div>\n<\/div>\n<p>  \u041a\u043e\u0434 \u043d\u0435 \u0438\u0434\u0435\u0430\u043b\u0435\u043d, \u043d\u043e \u043d\u0430\u043c\u043d\u043e\u0433\u043e \u043f\u0440\u043e\u0449\u0435 \u0438 \u043f\u043e\u043d\u044f\u0442\u043d\u0435\u0435, \u0430 \u0437\u043d\u0430\u0447\u0438\u0442 \u0438 \u043e\u0444\u043e\u0440\u043c\u043b\u044f\u0442\u044c \u0435\u0433\u043e \u043f\u0440\u043e\u0449\u0435.<\/p>\n<p>  \u0427\u0442\u043e \u0435\u0449\u0451 \u043d\u043e\u0432\u043e\u0433\u043e \u043f\u043e \u0441\u0440\u0430\u0432\u043d\u0435\u043d\u0438\u044e \u0441 \u043e\u0440\u0438\u0433\u0438\u043d\u0430\u043b\u043e\u043c:  <\/p>\n<ul>\n<li>\u041f\u043e\u0434\u0434\u0435\u0440\u0436\u043a\u0430 \u0443\u043a\u0430\u0437\u0430\u043d\u0438\u044f \u043a\u043e\u043d\u0444\u0438\u0433\u0443\u0440\u0430\u0446\u0438\u043e\u043d\u043d\u044b\u0445 \u043e\u043f\u0446\u0438\u0439 \u0432 data-\u0430\u0442\u0440\u0438\u0431\u0443\u0442\u0430\u0445<\/li>\n<li>\u0413\u043b\u043e\u0431\u0430\u043b\u044c\u043d\u0430\u044f \u043a\u043e\u043d\u0444\u0438\u0433\u0443\u0440\u0430\u0446\u0438\u044f \u043f\u043b\u0430\u0433\u0438\u043d\u0430<\/li>\n<li>\u041d\u0435\u0437\u0430\u0432\u0438\u0441\u0438\u043c\u043e\u0441\u0442\u044c \u044f\u0437\u044b\u043a\u0430 \u043a\u0430\u0436\u0434\u043e\u0433\u043e \u043e\u0442\u0434\u0435\u043b\u044c\u043d\u043e\u0433\u043e \u043a\u0430\u043b\u0435\u043d\u0434\u0430\u0440\u044f<\/li>\n<li>\u0421\u0442\u0438\u043b\u0438 \u0432 \u043c\u0430\u043b\u0435\u043d\u044c\u043a\u043e\u043c scss \u0444\u0430\u0439\u043b\u0435 \u0441 \u043a\u043e\u043d\u0444\u0438\u0433\u0443\u0440\u0430\u0446\u0438\u043e\u043d\u043d\u044b\u043c\u0438 \u043f\u0435\u0440\u0435\u043c\u0435\u043d\u043d\u044b\u043c\u0438 \u2014 \u0435\u0441\u043b\u0438 \u043d\u0443\u0436\u043d\u043e \u0442\u043e\u043b\u044c\u043a\u043e \u0438\u0437\u043c\u0435\u043d\u0438\u0442\u044c \u0446\u0432\u0435\u0442\u0430 \u2014 \u0438\u0434\u0435\u0430\u043b\u044c\u043d\u043e \u043f\u043e\u0434\u0445\u043e\u0434\u0438\u0442<\/li>\n<li>\u041c\u0430\u043a\u0435\u0442 \u0440\u0435\u0437\u0438\u043d\u043e\u0432\u044b\u0439, \u0440\u0430\u0437\u043c\u0435\u0440 \u0437\u0430\u0432\u0438\u0441\u0438\u0442 \u043e\u0442 \u0440\u0430\u0437\u043c\u0435\u0440\u0430 \u0448\u0440\u0438\u0444\u0442\u0430 \u043a\u043e\u0440\u043d\u0435\u0432\u043e\u0433\u043e \u044d\u043b\u0435\u043c\u0435\u043d\u0442\u0430, \u0432\u044b\u0433\u043b\u044f\u0434\u0438\u0442 \u043e\u0434\u0438\u043d\u0430\u043a\u043e\u0432\u043e \u0445\u043e\u0440\u043e\u0448\u043e \u043f\u0440\u0438 \u043b\u044e\u0431\u043e\u043c \u0440\u0430\u0437\u043c\u0435\u0440\u0435 \u0448\u0440\u0438\u0444\u0442\u0430<\/li>\n<li>\u0420\u0430\u0437\u043c\u0435\u0440 \u043f\u043b\u0430\u0433\u0438\u043d\u0430 \u043c\u0435\u043d\u044c\u0448\u0435 \u043e\u0440\u0438\u0433\u0438\u043d\u0430\u043b\u0430<\/li>\n<li>\u0412\u0441\u0435 \u043a\u043b\u0430\u0441\u0441\u044b \u0438\u043c\u0435\u044e\u0442 \u043f\u0440\u0435\u0444\u0438\u043a\u0441 <code>pmu-<\/code>, \u043a\u043e\u0440\u043d\u0435\u0432\u043e\u0439 \u044d\u043b\u0435\u043c\u0435\u043d\u0442 \u0438\u043c\u0435\u0435\u0442 \u043a\u043b\u0430\u0441\u0441 <code>pickmeup<\/code><\/li>\n<li>\u041a\u043e\u0435-\u043a\u0430\u043a\u0438\u0435 \u043c\u0435\u043b\u043e\u0447\u0438<\/li>\n<\/ul>\n<p>  \u0422\u0430\u043a \u0432\u044b\u0433\u043b\u044f\u0434\u0438\u0442 \u0441\u043e\u0434\u0435\u0440\u0436\u0438\u043c\u043e\u0435 scss \u0444\u0430\u0439\u043b\u0430:<\/p>\n<pre><code class=\"css\">$border-radius\t\t\t\t\t\t: .4em; $background\t\t\t\t\t\t\t: #000; $color\t\t\t\t\t\t\t\t: #eee; $color-hover\t\t\t\t\t\t: #88c5eb; $nav-color\t\t\t\t\t\t\t: $color; $nav-color-hover\t\t\t\t\t: $color-hover; $not-in-month\t\t\t\t\t\t: #666; $not-in-month-hover\t\t\t\t\t: #999; $disabled\t\t\t\t\t\t\t: #333; $selected-background \t\t\t\t: #136a9f; $not-in-month-selected-background\t: #17384d; $day-of-week\t\t\t\t\t\t: $not-in-month-hover;  @mixin display-flex() { \tdisplay : -ms-flexbox; \tdisplay : -webkit-flex; \tdisplay : flex; }  .pickmeup { \tbackground    : $background; \tborder-radius : $border-radius; \tdisplay       : none; \tposition      : absolute;  \t* { \t\t-moz-box-sizing : border-box; \t\tbox-sizing      : border-box; \t}  \t.pmu-instance { \t\tdisplay    : inline-block; \t\theight     : 13.8em; \t\tpadding    : .5em; \t\ttext-align : center; \t\twidth      : 15em;  \t\t.pmu-button { \t\t\tcolor           : $color; \t\t\tcursor          : pointer; \t\t\toutline         : none; \t\t\ttext-decoration : none; \t\t}  \t\t.pmu-button:hover { \t\t\tcolor : $color-hover; \t\t}  \t\t.pmu-not-in-month { \t\t\tcolor : $not-in-month; \t\t}  \t\t.pmu-disabled, \t\t.pmu-disabled:hover { \t\t\tcolor  : $disabled; \t\t\tcursor : default; \t\t}  \t\t.pmu-selected { \t\t\tbackground : $selected-background; \t\t}  \t\t.pmu-not-in-month.pmu-selected { \t\t\tbackground : $not-in-month-selected-background; \t\t}  \t\tnav { \t\t\t@include display-flex(); \t\t\tcolor       : $nav-color; \t\t\tline-height : 2em;  \t\t\t*:hover { \t\t\t\tcolor : $nav-color-hover; \t\t\t}  \t\t\t.pmu-prev, \t\t\t.pmu-next { \t\t\t\theight : 2em; \t\t\t\twidth  : 1em; \t\t\t} \t\t\t.pmu-month { \t\t\t\twidth : 12em; \t\t\t} \t\t}  \t\t.pmu-years, \t\t.pmu-months { \t\t\t* { \t\t\t\tdisplay     : inline-block; \t\t\t\tline-height : 3.6em; \t\t\t\twidth       : 3.5em; \t\t\t} \t\t}  \t\t.pmu-day-of-week { \t\t\tcolor  : $day-of-week; \t\t\tcursor : default; \t\t}  \t\t.pmu-day-of-week, \t\t.pmu-days { \t\t\t* { \t\t\t\tdisplay     : inline-block; \t\t\t\tline-height : 1.5em; \t\t\t\twidth       : 2em; \t\t\t} \t\t}  \t\t.pmu-day-of-week * { \t\t\tline-height : 1.8em; \t\t} \t}  \t&:not(.pmu-view-days) .pmu-days, \t&:not(.pmu-view-days) .pmu-day-of-week, \t&:not(.pmu-view-months) .pmu-months, \t&:not(.pmu-view-years) .pmu-years { \t\tdisplay : none; \t} } <\/code><\/pre>\n<p>  <\/p>\n<h4>\u0418\u0442\u043e\u0433<\/h4>\n<p>  \u0420\u0430\u0437\u043c\u0435\u0440 \u043c\u0438\u043d\u0438\u0444\u0438\u0446\u0438\u0440\u043e\u0432\u0430\u043d\u043d\u043e\u0433\u043e \u043f\u043b\u0430\u0433\u0438\u043d\u0430:<br \/>  * 14.8 KiB JavaScript (4.2 KiB gzip)<br \/>  * 1.8 KiB CSS (650 B gzip)<\/p>\n<p>  C \u0446\u0435\u043b\u044c\u044e \u0443\u043f\u0440\u043e\u0449\u0435\u043d\u0438\u044f \u0432\u0435\u0440\u0441\u0442\u043a\u0438 \u043f\u043e\u0434\u0434\u0435\u0440\u0436\u0438\u0432\u0430\u0435\u0442\u0441\u044f IE10+, \u0438 \u0430\u043a\u0442\u0443\u0430\u043b\u044c\u043d\u044b\u0435 \u0432\u0435\u0440\u0441\u0438\u0438 \u0434\u0440\u0443\u0433\u0438\u0445 \u0431\u0440\u0430\u0443\u0437\u0435\u0440\u043e\u0432 (\u043f\u0440\u0438 \u0436\u0435\u043b\u0430\u043d\u0438\u0438 \u043c\u043e\u0436\u043d\u043e \u0441\u0434\u0435\u043b\u0430\u0442\u044c \u043f\u043e\u0434\u0434\u0435\u0440\u0436\u043a\u0443 IE9-, \u043d\u043e \u0443 \u043c\u0435\u043d\u044f \u0442\u0430\u043a\u043e\u0433\u043e \u0436\u0435\u043b\u0430\u043d\u0438\u044f \u043d\u0435\u0442, \u043d\u0430\u043f\u0438\u0441\u0430\u043b \u0432\u0441\u0451-\u0442\u0430\u043a\u0438 \u0432 \u043f\u0435\u0440\u0432\u0443\u044e \u043e\u0447\u0435\u0440\u0435\u0434\u044c \u0434\u043b\u044f \u0441\u0435\u0431\u044f).<\/p>\n<p>  <a href=\"http:\/\/nazar-pc.github.io\/PickMeUp\/\">\u0414\u0435\u043c\u043e<\/a> <a href=\"https:\/\/github.com\/nazar-pc\/PickMeUp\">\u0420\u0435\u043f\u043e\u0437\u0438\u0442\u043e\u0440\u0438\u0439 \u043d\u0430 GitHub<\/a><\/p>\n<p>  \u0418\u0441\u043a\u0440\u0435\u043d\u043d\u0435 \u043d\u0430\u0434\u0435\u044e\u0441\u044c, \u043a\u043e\u043c\u0443-\u0442\u043e \u043a\u0440\u043e\u043c\u0435 \u043c\u0435\u043d\u044f \u044d\u0442\u043e\u0442 jQuery \u043f\u043b\u0430\u0433\u0438\u043d \u043f\u0440\u0438\u0433\u043e\u0434\u0438\u0442\u0441\u044f, \u0431\u0443\u0434\u0443 \u0440\u0430\u0434 \u043a\u043e\u043d\u0441\u0442\u0440\u0443\u043a\u0442\u0438\u0432\u043d\u043e\u0439 \u043a\u0440\u0438\u0442\u0438\u043a\u0435 \u0438 pull request-\u0430\u043c.<\/p>\n<p>  \u0412 \u0431\u043b\u0438\u0436\u0430\u0439\u0448\u0435\u043c \u0431\u0443\u0434\u0443\u0449\u0435\u043c \u043c\u043e\u0436\u043d\u043e \u0432\u0441\u0442\u0440\u043e\u0438\u0442\u044c \u0434\u0440\u0443\u0433\u0438\u0435 \u043b\u043e\u043a\u0430\u043b\u0438\u0437\u0430\u0446\u0438\u0438, \u0432 \u0440\u0435\u043f\u043e\u0437\u0438\u0442\u043e\u0440\u0438\u0438 <a href=\"https:\/\/github.com\/eternicode\/bootstrap-datepicker\/tree\/master\/js\/locales\">bootstrap-datepicker<\/a> \u0438\u0445 \u043c\u043d\u043e\u0433\u043e \u0440\u0430\u0437\u043d\u044b\u0445.    \t<\/p>\n<div class=\"clear\"><\/div>\n<\/p><\/div>\n<p> \u0441\u0441\u044b\u043b\u043a\u0430 \u043d\u0430 \u043e\u0440\u0438\u0433\u0438\u043d\u0430\u043b \u0441\u0442\u0430\u0442\u044c\u0438 <a href=\"http:\/\/habrahabr.ru\/post\/202640\/\"> http:\/\/habrahabr.ru\/post\/202640\/<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"<div class=\"content html_format\">\n<h4>\u041f\u0440\u043e\u0431\u043b\u0435\u043c\u0430<\/h4>\n<p>  \u041d\u0430\u0447\u0438\u043d\u0430\u044f \u0440\u0430\u0431\u043e\u0442\u0443 \u043d\u0430\u0434 \u043e\u0447\u0435\u0440\u0435\u0434\u043d\u044b\u043c \u0441\u0430\u0439\u0442\u043e\u043c \u043f\u043e\u043d\u0430\u0434\u043e\u0431\u0438\u043b\u0441\u044f datepicker. \u0421\u0430\u043c\u044b\u0439 \u0438\u0437\u0432\u0435\u0441\u0442\u043d\u044b\u0439 \u0442\u0430\u043a\u043e\u0439 datepicker \u2014 \u0432 jQuery UI, \u043d\u043e \u0442\u0430\u043a \u043a\u0430\u043a jQuery UI \u0432 \u043f\u0440\u043e\u0435\u043a\u0442\u0435 \u043d\u0435 \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u043b\u0441\u044f \u2014 \u0442\u044f\u043d\u0443\u0442\u044c \u0434\u0430\u0436\u0435 \u0435\u0433\u043e \u0447\u0430\u0441\u0442\u044c \u043d\u0435 \u0445\u043e\u0442\u0435\u043b\u043e\u0441\u044c, \u043f\u0440\u0438\u043d\u044f\u043b\u0441\u044f \u0437\u0430 \u043f\u043e\u0438\u0441\u043a\u0438 \u0434\u043e\u0441\u0442\u043e\u0439\u043d\u043e\u0439 \u0430\u043b\u044c\u0442\u0435\u0440\u043d\u0430\u0442\u0438\u0432\u044b.<\/p>\n<p>  \u0422\u0440\u0435\u0431\u043e\u0432\u0430\u043d\u0438\u044f \u0441\u043b\u0435\u0434\u0443\u044e\u0449\u0438\u0435:  <\/p>\n<ul>\n<li>\u0412\u044b\u0431\u043e\u0440 \u0434\u0430\u0442\u044b, \u043d\u0435\u0441\u043a\u043e\u043b\u044c\u043a\u0438\u0445 \u0434\u0430\u0442, \u0438\u043d\u0442\u0435\u0440\u0432\u0430\u043b\u0430 <\/li>\n<li>\u041f\u0440\u043e\u0441\u0442\u043e\u0442\u0430 \u043d\u0430\u0441\u0442\u0440\u043e\u0439\u043a\u0438 \u0432\u043d\u0435\u0448\u043d\u0435\u0433\u043e \u0432\u0438\u0434\u0430 <\/li>\n<li>\u0416\u0435\u043b\u0430\u0442\u0435\u043b\u044c\u043d\u043e \u0431\u0435\u0437 \u043a\u0430\u043a\u0438\u0445-\u043b\u0438\u0431\u043e \u0437\u0430\u0432\u0438\u0441\u0438\u043c\u043e\u0441\u0442\u0435\u0439 \u043a\u0440\u043e\u043c\u0435 jQuery <\/li>\n<\/ul>\n<p>  \u0422\u0440\u0435\u0431\u043e\u0432\u0430\u043d\u0438\u044f \u0432\u043f\u043e\u043b\u043d\u0435 \u043b\u043e\u0433\u0438\u0447\u043d\u044b\u0435, \u043d\u0438\u0447\u0435\u0433\u043e \u0441\u0432\u0435\u0440\u0445 \u0435\u0441\u0442\u0435\u0441\u0442\u0432\u0435\u043d\u043d\u043e\u0433\u043e.<br \/>  \u041a\u0430\u043a\u043e\u0432\u043e \u0431\u044b\u043b\u043e \u043c\u043e\u0435 \u0443\u0434\u0438\u0432\u043b\u0435\u043d\u0438\u0435, \u043a\u043e\u0433\u0434\u0430 \u043f\u0440\u043e\u0441\u043c\u043e\u0442\u0440\u0435\u0432 \u0434\u0435\u0441\u044f\u0442\u043a\u0430 \u0434\u0432\u0430 \u043f\u043b\u0430\u0433\u0438\u043d\u043e\u0432 \u044f \u043d\u0435 \u043d\u0430\u0448\u0435\u043b \u043f\u043e\u0434\u0445\u043e\u0434\u044f\u0449\u0435\u0433\u043e.<\/p>\n<p>  \u0414\u043b\u044f \u043b\u044e\u0431\u043e\u043f\u044b\u0442\u043d\u044b\u0445 \u2014 \u0441\u0440\u0430\u0437\u0443 <a href=\"http:\/\/nazar-pc.github.io\/PickMeUp\/\">\u0434\u0435\u043c\u043e<\/a> \u0442\u043e\u0433\u043e, \u0447\u0442\u043e \u043f\u043e\u043b\u0443\u0447\u0438\u043b\u043e\u0441\u044c \u0432 \u0440\u0435\u0437\u0443\u043b\u044c\u0442\u0430\u0442\u0435.  <\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[],"tags":[],"class_list":["post-202640","post","type-post","status-publish","format-standard","hentry"],"_links":{"self":[{"href":"https:\/\/savepearlharbor.com\/index.php?rest_route=\/wp\/v2\/posts\/202640","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/savepearlharbor.com\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/savepearlharbor.com\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/savepearlharbor.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/savepearlharbor.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=202640"}],"version-history":[{"count":0,"href":"https:\/\/savepearlharbor.com\/index.php?rest_route=\/wp\/v2\/posts\/202640\/revisions"}],"wp:attachment":[{"href":"https:\/\/savepearlharbor.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=202640"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/savepearlharbor.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=202640"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/savepearlharbor.com\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=202640"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}