여기에 제안 된대로 NuGet과 함께 Bootstrap Datetimepicker를 설치했습니다 . 아래는 datetimepicker 컨트롤을 표시 할 수없는 html 코드입니다. 크롬 개발자 도구에서 스크립트로드에 문제가 없거나 콘솔에 스크립트 오류가 있습니다. 아래 코드가 부트 스트랩 datetimepicker를 표시하지 못하는 이유를 추측하십시오.
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title></title>
<script type="text/javascript" src="/scripts/jquery-1.9.1.min.js"></script>
<script type="text/javascript" src="/scripts/bootstrap.min.js"></script>
<script type="text/javascript" src="/scripts/moment.min.js"></script>
<script type="text/javascript" src="/scripts/bootstrap-datetimepicker.js"></script>
<link rel="stylesheet" href="/Content/bootstrap-datetimepicker.css" />
<!-- include your less or built css files -->
<!--
bootstrap-datetimepicker-build.less will pull in "../bootstrap/variables.less" and "bootstrap-datetimepicker.less";
or-->
</head>
<body>
<form>
<div class="container">
<div class="row">
<div class='col-sm-6'>
<div class="form-group">
<div class='input-group date' id='datetimepicker1'>
<input type='text' class="form-control" />
<span class="input-group-addon">
<span class="glyphicon glyphicon-calendar"></span>
</span>
</div>
</div>
</div>
<script type="text/javascript">
$(function () {
$('#datetimepicker1').datetimepicker();
});
</script>
</div>
</div>
</form>
</body>
</html>
코드가 작동합니다. 당신이 놓친 것은 부트 스트랩 CSS입니다. 클릭하여 표시하는 입력 옆에 달력 아이콘이 있어야합니다. 그러나 달력도 스타일이 지정되지 않습니다.
이것을 당신의 머리에 두십시오.
<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css" rel="stylesheet">
이 기사는 인터넷에서 수집됩니다. 재 인쇄 할 때 출처를 알려주십시오.
침해가 발생한 경우 연락 주시기 바랍니다[email protected] 삭제
몇 마디 만하겠습니다