Как открыть средство выбора даты с меткой <button></button> без использования триггера? - PullRequest
Новая
       35

Как открыть средство выбора даты с меткой <button></button> без использования триггера?

0 голосов
/ 14 апреля 2020

Я пытаюсь изменить способ работы кнопок. Я хочу, чтобы <input type = "submit"> вел себя так же, как <button> в коде, а <button> - <input type = "submit">. Я думаю, что могу перевернуть его, если я знаю, как открыть средство выбора даты с тегом <button> </button>. 

<!DOCTYPE html>
<html>
<body>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jqueryui/1.11.4/jquery-ui.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.12.0/moment.js"></script>

<script type="text/javascript">

$(document).ready(function(){
    //type submit
    $( "#datepicker" ).datepicker();
    //type submit

    //Click buttom
    $("#div1").click(function() {
        $("#datepicker").datepicker("show");
    });
    //Click buttom
});
</script>

<link href="https://cdnjs.cloudflare.com/ajax/libs/jqueryui/1.11.4/jquery-ui.css" rel="stylesheet"/>

<button id="div1" >13/04/2020</button>
<br>
<br>
<input type="submit" id="datepicker" value="CAMBIAR FECHA">
<!-- <input type="submit" id="open-datepicker" value="cambiar fecha"> -->
</body>
</html>

1 Ответ

0 голосов
/ 14 апреля 2020

Непонятно, с чем у вас проблема или что вы пытаетесь выполнить sh. Вы можете рассмотреть следующие вопросы. 

$(function() {
  $("#datepicker").datepicker({
    showOn: "button",
    buttonText: "13/04/2020"
  });
});
.back {
  background: #000;
  font-weight: 700;
  font-size: 50px;
  color: #fff;
}
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jqueryui/1.11.4/jquery-ui.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.12.0/moment.js"></script>
<link href="https://cdnjs.cloudflare.com/ajax/libs/jqueryui/1.11.4/jquery-ui.css" rel="stylesheet" />


<input type="submit" id="datepicker" value="CAMBIAR FECHA">
...