qué - javascript con aspx
Cómo eliminar las teclas de flecha hacia arriba desde asp: textbox texmode: date? (1)
Cómo eliminar las teclas de flecha hacia arriba desde asp:textbox texmode:date
? Tengo un cuadro de texto con fecha de texto y solo quiero la flecha del calendario? ¿Cómo puedo conseguir esto? en la imagen ¿cómo puedo desactivar los controles de área marcados?
<asp:TextBox Width="95%" ID="tourEndDate" runat="server" TextMode="Date" onkeypress="return false" onKeyDown="return false"></asp:TextBox></td>
Solo usa esto:
<Style>
input[type=date]::-webkit-inner-spin-button {
-webkit-appearance: none;
display: none;
}
</style>
O puede usar datepicker. Sólo
Descargue AjaxControlToolkit.dll
de la web, agréguelo a la carpeta bin, luego Agregue referencia y luego agregue
<%@ Register Assembly="AjaxControlToolkit" Namespace="AjaxControlToolkit" TagPrefix="cc1" %>
a tu página aspx Estilo Parte
<style type="text/css">
.cal_Theme1 .ajax__calendar_container {
background-color: #DEF1F4;
border:solid 1px #77D5F7;
}
.cal_Theme1 .ajax__calendar_header {
background-color: #ffffff;
margin-bottom: 4px;
}
.cal_Theme1 .ajax__calendar_title,
.cal_Theme1 .ajax__calendar_next,
.cal_Theme1 .ajax__calendar_prev {
color: #004080;
padding-top: 3px;
}
.cal_Theme1 .ajax__calendar_body {
background-color: #ffffff;
border: solid 1px #77D5F7;
}
.cal_Theme1 .ajax__calendar_dayname {
text-align:center;
font-weight:bold;
margin-bottom: 4px;
margin-top: 2px;
color: #004080;
}
</style>
Tu TextBox
<asp:TextBox ID="txtDate" runat="server" AutoComplete="off"></asp:TextBox>
<cc1:CalendarExtender ID="ceFromDate" CssClass= " cal_Theme1" TargetControlID="txtDate" Format="dd-MMM-yyyy" runat="server"/>
Aparecerá así.