ブートストラップdatetimepicker showCloseが動作しません

私はこれを使用していますdatetimepicker。閉じるボタンを表示したいのですが、インラインモードで見ることはできません。誰でも助けてくれますか？ここに私のコードです。ブートストラップdatetimepicker showCloseが動作しません

 $(function() { 
 
      $('#datetimepicker1').datetimepicker({ 
 
       sideBySide: true, 
 
       showClose: true 
 
      }); 
 
     });

<html> 
 
<head> 
 
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css" /> 
 
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap-theme.min.css" /> 
 
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datetimepicker/4.17.37/css/bootstrap-datetimepicker.min.css" /> 
 

 
    <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script> 
 
    <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.10.6/moment.min.js"></script> 
 
    <script type="text/javascript" src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script> 
 
    <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datetimepicker/4.17.37/js/bootstrap-datetimepicker.min.js"></script> 
 
</head> 
 
<body> 
 
<form name="form1" id="form1" style="width :200px;"> 
 
    <div class='input-group date' id='datetimepicker1' style ="margin :10px;"> 
 
    <input name="TextBox1" type="text" id="TextBox1" /> 
 
    <span class="input-group-addon"><span class="glyphicon glyphicon-calendar"></span></span> 
 
    </div> 
 
</form> 
 
</body> 
 
</html>

出典

2016-11-25 Galuh Landys

'sideBySide'と' showClose'は、APIは、それが有効なユーザーの場合ではありません指定されていませんので、あなたはバグを報告することができ、一緒に動作しません。 'sideBySide' https://jsfiddle.net/t45k68ce/のバイブルはここにあります – nottu

これを試してみてください：

$(function() { 
     $('#datetimepicker1').datetimepicker({ 
      showButtonPanel: true, 
      closeText: "Ok", 
      onSelect:function(event){ 
       event.preventDefault(); 
       // blah blah blah 
      } 
     }); 
    });

出典

2016-11-25 05:02:41

あなたは "top" または "bottom" にtoolbarPlacementを設定することにより、sideBySideを使用したときに表示される閉じるボタンとツールバーを強制することができます。

$(function() { 
    $("#datetimepicker1").datetimepicker({ 
     sideBySide: true, 
     toolbarPlacement: "bottom", 
     showClose: true 
    }); 
});

出典

2017-11-08 14:36:08

ブートストラップdatetimepicker showCloseが動作しません

答えて

関連する問題