在javascript中设置margin-up日历

时间:2017-12-13 07:24:34

标签: javascript html bootstrap-4

我在选择日期时遇到问题(使用bootstrap类datepicker),运行代码段后,日历显示在textbox下面:

<input type="text" class="form-control datepicker" name="due_date" id="due_date" onclick="calendar_up()" value="" placeholder="Due Date">

我希望日历应该出现在文本框的上方,我已经编写了脚本,但它不起作用,

    <script> 
          function calendar_up(){
          document.getElementById('due_date').style.marginTop = Value.ToString() + '150px';
          }
   </script>

任何帮助将不胜感激。

1 个答案:

答案 0 :(得分:2)

在你的HTML中你需要使用它:

<input type="text" class="form-control datepicker" name="due_date" id="due_date" onclick="calendor_up()" value="" placeholder="Due Date">