如何将datepicker和文本一起传递

时间:2013-10-24 11:38:01

标签: javascript jquery html

我想通过ajax发送信息。为此我有一个输入字段,我需要输入文本和一些日期。要输入日期,我使用了datepicker。我面临的问题是只传递日期。例如,如果我写12/12/2013 12:12 this is a text,那么只有12/12/2013 12:12通过。我知道如何解决这个问题吗?

<script> 
$('#tabAll').click(function(){ 
$('#tabAll').addClass('active'); 
$('.tab-pane').each(function(i,t){ 
$('#myTabs li').removeClass('active'); 
$(this).addClass('active'); 
}); 
}); 
$('body').on('click', '.btn', function(){ 
if(this.id=='openAlert')
    {$('#number').val('');}else{$('#number').val(this.id);}
});
</script> 
<script >



        $(document).ready(function(){
        $('#openAlert').click(function(){

            var number = $('#number').val(); // If its a text input could use .text()
            var msg = $('#body').val(); //If its a text input could use .text()
alert(number);
            $.ajax(
                {
                    type: "POST",
                    url: "messageSending.jsp", //Your full URL goes here
                    data: { toNumber: number, body: msg},
                    success: function(data, textStatus, jqXHR){
                        alert(data);                  
                    },
                    error: function(jqXHR){
                        alert(jqXHR.responseStatus);
                    }
                });
        });
    });
        </script>


<script type="text/javascript">
      $('#datetimepicker').datetimepicker({
        format: 'dd/MM/yyyy hh:mm:ss',
        language: 'eng'
      });
    </script>

HTML

<div class="span3">    <div id="datetimepicker" class="input-append date">
                            <input type="text" name="body" maxlength="160" placeholder="Enter message to send" id="body" data-trigger="hover">
                            </input><span class="add-on">
        <i data-time-icon="icon-time" data-date-icon="icon-calendar"></i>
      </span>
    </div>

2 个答案:

答案 0 :(得分:0)

DateTimePicker输入没有返回文本作为值它总是返回日期格式只有你可以使用另一个输入字段来获取文本

答案 1 :(得分:0)

您可以复制此脚本并告诉我第二个警报显示的内容。 我的意思是日期警报之后......

   <script> 
    $('#tabAll').click(function(){ 
    $('#tabAll').addClass('active'); 
    $('.tab-pane').each(function(i,t){ 
    $('#myTabs li').removeClass('active'); 
    $(this).addClass('active'); 
    }); 
    }); 
    $('body').on('click', '.btn', function(){ 
    if(this.id=='openAlert')
        {$('#number').val('');}else{$('#number').val(this.id);}
    });
    </script> 
    <script >



            $(document).ready(function(){
            $('#openAlert').click(function(){

                var number = $('#number').val(); // If its a text input could use .text()
                var msg = $('#body').val(); //If its a text input could use .text()
    alert(number);
    alert(msg);
                $.ajax(
                    {
                        type: "POST",
                        url: "messageSending.jsp", //Your full URL goes here
                        data: { toNumber: number, body: msg},
                        success: function(data, textStatus, jqXHR){
                            alert(data);                  
                        },
                        error: function(jqXHR){
                            alert(jqXHR.responseStatus);
                        }
                    });
            });
        });
            </script>


    <script type="text/javascript">
          $('#datetimepicker').datetimepicker({
            format: 'dd/MM/yyyy hh:mm:ss',
            language: 'eng'
          });
        </script>