设置日期输入值,但不起作用

时间:2018-11-05 00:30:23

标签: javascript html date momentjs

我有一个模态,其日期输入附加到主体上。然后,根据我对年份,月份和日期的了解,我使用moment.js和适当的格式设置输入的值。但是该值是空的。这是因为输入是通过js创建的吗?还是我现在使用的格式错误? 提前致谢。

$("body").append("<div class='overlay'></div>");
$("body").append("<div class='modal'></div>");
$(".modal").append("<input id='dateJump' type='date' >");
$("#dateJump").value = moment().format('YYYY-MM-DD');
body {
height: 600px;
}
.modal {
    width:80%;
    height: 40px;
    z-index: 10;
    position: fixed;
    top: 50%;
    left:50%;
    transform: translate(-50%, -50%);
    background-color:white;
}
.overlay {
    width:100%;
    height: 100%;
    z-index: 9;
    position: fixed;
    top: 0;
    left:0;
    background-color: rgba(0,0,0,0.5);
}
.modal input {
    -webkit-appearance: none;
    border-radius:none;
    display:block;
    width: 100%;
    height: 40px;
}
input[type="date"],
select:focus {
  font-size: 16px;
  border: none; 
  border-radius: none;
  padding: 1em;
  vertical-align: center;
  text-align: center;
}
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.18.1/moment.min.js"></script>
<body>

</body>

2 个答案:

答案 0 :(得分:2)

这对我有用。编辑:正如您在下面提到的,您将jQuery和香草JS混合在一起。

$(document).ready(()=>{
    $("body").append("<div class='overlay'></div>");
    $("body").append("<div class='modal'></div>");
    $(".modal").append("<input id='dateJump' type='date' >");
    $("#dateJump").val(moment().format('YYYY-MM-DD'))   

})

答案 1 :(得分:0)

我使用 jquery 和 moment.js 实现了这一点

>>> x = list((np.random.random(5000) < 0.5).astype(int))
>>> y = list((np.random.random(5000) < 0.5).astype(int))
>>> s = time.time(); slow_circular_hdist(x, y); print(time.time() - s)
6.682933807373047
>>> s = time.time(); fast_circular_hdist(x, y); print(time.time() - s)
0.008500814437866211
>>> slow_circular_hdist(x, y) == fast_circular_hdist(x, y)
True
let today = moment().format('yyyy-MM-DD');
$('#date').val(today);