невозможно выбрать две даты из jquery выбора даты одновременно - PullRequest
Новая
       88

невозможно выбрать две даты из jquery выбора даты одновременно

0 голосов
/ 03 августа 2020

Я использую ваше персидское средство выбора даты и времени в моем представлении бритвы (asp. net core 3.1) по ссылке https://www.codeproject.com/Articles/858123/Bootstrap-Persian-DateTimePicker?msg=5257376#xx5257376xx. Я написал следующий код в моем представлении бритвы: 

<head>
        <link href="~/css/DataTable/jquery.dataTables.css" rel="stylesheet" type="text/css" />
        <link href="~/contents/Index.css" rel="stylesheet" type="text/css" />


        <link rel="stylesheet" href="~/css/MdBootstrapPersianDateTimePicker/bootstrap.min.css" type="text/css" />

        <link rel="stylesheet" href="~/css/MdBootstrapPersianDateTimePicker/bootstrap-theme.min.css" type="text/css" />
        <link rel="stylesheet" href="~/css/MdBootstrapPersianDateTimePicker/MdBootstrapPersianDateTimePicker/jquery.Bootstrap-PersianDateTimePicker.css" type="text/css" />
        
        <script src="~/lib/jquery/dist/jquery.min.js"></script>
        <script src="~/lib/jquery/dist/jquery-ui.js"></script>
 
        <script type="text/javascript" src="~/js/MdBootstrapPersianDateTimePicker/bootstrap.min.js"></script>
       
    </head>


 <div class="  col-5 text-left px-0 ">
        <form class="border-0">
            <input id="textbox" type="text" value="1399/05/04" />
        </form>
    </div>
<script language="JavaScript" type="text/javascript" src="~/js/MdBootstrapPersianDateTimePicker/MdBootstrapPersianDateTimePicker/calendar.js"></script>
<script language="JavaScript" type="text/javascript" src="~/js/MdBootstrapPersianDateTimePicker/MdBootstrapPersianDateTimePicker/jquery.Bootstrap-PersianDateTimePicker.js"></script>
<script>

    jQuery(document).ready(function ($) {
        $('#textbox').MdPersianDateTimePicker({

             Placement: 'bottom', // default is 'bottom'
          Trigger: 'click', // default is 'focus',
    EnableTimePicker: false, // default is true,
    TargetSelector: '', // default is empty,
    GroupId: '', // default is empty,
    FromDate: true, // default is false,
    ToDate: true // default is false,
            // options here

        });
    });
</script>

Прежде всего моя проблема в том, что значок выбора даты не находится рядом с вводимым текстом, и мне просто нужно щелкнуть текстовое поле, чтобы увидеть датапикер. Во-вторых, датапикер имеет неправильный формат, например, его внутренняя кнопка находится не на своем месте и так далее ... В-третьих, я хочу, чтобы у пользователя была возможность одновременно указывать дату начала и дату окончания в datepicker, но я не знаю, как это сделать. Я ценю, если мне кто-нибудь поможет по указанным вопросам.

1 Ответ

1 голос
/ 04 августа 2020

Вам может понадобиться простой Выбор диапазона дат . enter image description here

<!DOCTYPE html>
  Дата и время
...