从引导选择日期后从输入字段加载日期datetimepicker

我想要做的是，在Bootstrap Datetimepicker上选择一个日期后，它应该在我的输入字段上加载一个值，但我不知道该怎么做。有我的JSFiddle。从引导选择日期后从输入字段加载日期datetimepicker

这是我的jQuery dateTimePicker的

$(function() { 
    $('.datetimepickerinline').datetimepicker({inline: true}); 
});

我需要使用它的所有输入，或者换句话说，最接近输入字段。

来源

2016-11-22 Daniels Jirgensons

下面是解决方案，您想要的：jsfiddle

$('.datetimepickerinline').on('change dp.change', function(e){ 
    $('input').val($(this).data('date')); 
});

见参考here

更进一步，我注意到，你想使用moment.js

您可以使用这样的事情，使用自定义格式：

$('.datetimepickerinline').on('change dp.change', function(e){ 
    $('input').val(moment($(this).data('date')).format('DD/MM/YYYY, h:mm')); 
});

来源

2016-11-22 08:50:51

感谢的人:)工作得很好:) –

不客气！ –

如果我有多个输入，那么它会添加到所有输入值。如何改变？ –

您需要在输入字段上应用类'datetimepickerinline'。

<input id="" placeholder="press to show calendar" class="input datetimepickerinline">

试试这个小提琴： - https://jsfiddle.net/ekm0on2a/11/

来源

2016-11-22 08:33:33 ScanQR

您需要添加日期选择器类的输入字段。

 <link rel="stylesheet" type="text/css" media="screen" href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.1/css/bootstrap.min.css" /> 
     <link href="//cdn.rawgit.com/Eonasdan/bootstrap-datetimepicker/e8bddc60e73c1ec2475f827be36e1957af72e2ea/build/css/bootstrap-datetimepicker.css" rel="stylesheet"> 

     <script type="text/javascript" src="//code.jquery.com/jquery-2.1.1.min.js"></script> 
     <script type="text/javascript" src="//maxcdn.bootstrapcdn.com/bootstrap/3.3.1/js/bootstrap.min.js"></script> 
      <script src="//cdnjs.cloudflare.com/ajax/libs/moment.js/2.9.0/moment-with-locales.js"></script> 
      <script src="//cdn.rawgit.com/Eonasdan/bootstrap-datetimepicker/e8bddc60e73c1ec2475f827be36e1957af72e2ea/src/js/bootstrap-datetimepicker.js"></script> 

<div id="container"> 
<div class="my-example"> 
    <input id="datepicker" placeholder="press to show calendar" class="input input-datepicker"> 
    <div class="dropdown"> 
    <div class="datetimepickerinline"> 
    </div> 
</div> 
</div> 

</div>

//脚本

$(function() { 
    $('#datepicker').datetimepicker({inline: true}); 
});

来源

2016-11-22 08:44:47

你叫那么多不必要的库。试试这个引导日期选择器。希望为你工作。

$(document).ready(function(){ 
$('#datepicker').datepicker({ 
    format: 'dd/mm/yyyy', 
    autoclose: true, 
    todayHighlight: true, 
    forceParse: false, 
    }); 
});

demo

来源

2016-11-22 08:52:03 user7152572

从引导选择日期后从输入字段加载日期datetimepicker

回答

相关问题