2016-06-09 5 views
2

Я хочу иметь автоматический формат даты, когда пользователь вводит дату. До сих пор, что я получил это автоматическая запятая для значения цены:автоматический формат даты при вводе пользователя в текстовое поле asp.net

<script type="text/javascript" language="javascript"> 

function Comma(Num) { 
    Num += ''; 
    Num = Num.replace(',', ''); Num = Num.replace(',', ''); Num = Num.replace(',', ''); 
    Num = Num.replace(',', ''); Num = Num.replace(',', ''); Num = Num.replace(',', ''); 
    x = Num.split('.'); 
    x1 = x[0]; 
    x2 = x.length > 1 ? '.' + x[1] : ''; 
    var rgx = /(\d+)(\d{3})/; 
    while (rgx.test(x1)) 
     x1 = x1.replace(rgx, '$1' + ',' + '$2'); 
    return x1 + x2; 
} 

</script> 

Можете ли вы дать мне подобный код, в котором пользователи могут выбрать дату или когда они печатают, он автоматически добавляет слеш или что-то?

+0

вы пометили C# и JavaScript. какой язык вы хотите использовать для этого? – Takarii

+0

C# sir @Takarii –

+0

У C# есть опция скрытого текстового поля, которая может автоматически форматироваться для вас. – Takarii

ответ

0

вы можете попробовать на вход тег HTML

<input type="date" runat="server" id="textbox1" /> 

или вы можете попробовать AjaxControlToolkit

<html> 
<%@ Register Assembly="AjaxControlToolkit" Namespace="AjaxControlToolkit" TagPrefix="cc1" %> 
<head> 
<!-- your code javascript and Css --> 
</head> 

<body> 
<asp:TextBox ID="TextBox1" runat="server"></asp:TextBox> 
    <cc1:CalendarExtender ID="CalendarExtender1" runat="server" TargetControlID="TextBox1" /> 
</body> 
0
<html lang="en"> 
<head> 
    <meta charset="utf-8"> 
    <title>jQuery UI Datepicker - Default functionality</title> 
    <link rel="stylesheet" href="//code.jquery.com/ui/1.11.4/themes/smoothness/jquery-ui.css"> 
    <script src="//code.jquery.com/jquery-1.10.2.js"></script> 
    <script src="//code.jquery.com/ui/1.11.4/jquery-ui.js"></script> 
    <link rel="stylesheet" href="/resources/demos/style.css"> 
    <script> 
    $(function() { 
    $("#datepicker").datepicker(); 
    }); 
    </script> 
</head> 
<body> 

<p>Date: <input type="text" id="datepicker"></p> 


</body> 
</html> 
Смежные вопросы