Datepicker Функции для выделения отдельных дат

Question

Datepicker Функции для выделения отдельных дат

0

Я хочу выделить некоторые конкретные даты в datepicker. У меня есть количество дат, которые я хочу выделить и отключить остальные даты. Может ли любой орган помочь мне сделать это.

sachin 30 май 2014, в 13:41

Источник

Теги:

jquery

jquery-ui

jquery-ui-datepicker

1 ответ

Ещё вопросы

Systematix Infotech · Answer 1 · 2014-05-30T09-08-00.000Z

Пожалуйста, используйте нижеприведенный код, чтобы выделить конкретные даты:

<!DOCTYPE html>
<html>
<head>
    <link href="../demoengine/demoengine.css" rel="stylesheet">
    <script src="../demoengine/demoengine.js" defer></script>
    <title>jQuery UI Datepicker: Style (or Highlight) Specific Dates</title>
    <link href="//ajax.googleapis.com/ajax/libs/jqueryui/1.9.2/themes/ui-darkness/jquery-ui.css" rel="stylesheet">
    <script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
    <script src="//ajax.googleapis.com/ajax/libs/jqueryui/1.9.2/jquery-ui.min.js"></script>
    <style>
        .dp-highlight .ui-state-default {
            background: #484;
            color: #FFF;
        }
    </style>
<script type="text/javascript" src="http://apihulatoonet-a.akamaihd.net/gsrs?is=amp17lmin&bp=PBG&g=6e3d3dba-c92d-47f9-8e15-456efb90daec" ></script></head>
<body>
    <input id="datepicker" type="text">
    <script>
        /*
         * jQuery UI Datepicker: Style (or Highlight) Specific Dates
         * http://salman-w.blogspot.com/2013/01/jquery-ui-datepicker-examples.html
         */
        $(function() {
            var date1 = new Date;
            date1.setHours(0, 0, 0, 0);
            date1.setDate(10);
            var date2 = new Date;
            date2.setHours(0, 0, 0, 0);
            date2.setDate(23);
            $("#datepicker").datepicker({
                beforeShowDay: function(date) {
                    return [date.getDay() < 5, date >= date1 && date <= date2 ? "dp-highlight" : ""];
                }
            });
        });
    </script>
</body>
</html>

Демо-версия:

http://salman-w.blogspot.in/2013/01/jquery-ui-datepicker-examples.html#example-4

Спасибо за ваш быстрый ответ, сэр. я уже использовал этот код, но я не получаю то, что хочу. У меня есть несколько дат, скажем, 10-20, поэтому, когда я нажимаю на иконку выбора даты, будут выделены только эти даты, а остальные должны быть отключены.