1. escenario demuestra
Utilice boostrap tiempo de plug-ins pueden lograr este efecto
2. operación específica
El primer paso: la introducción de correspondientes js y css
<Tipo link = "text / css" rel = "stylesheet" href = "bootstrap / bootstrap.css" /> <Tipo link = "text / css" rel = "stylesheet" href = "bootstrap / bootstrap-datetimepicker.min.css" /> <Script type = "text / javascript" src = "arranque / bootstrap.min.js"> </ script> <Script type = "text / javascript" src = "/ arranque de arranque-datetimepicker.min.js"> </ script>
Ni uno menos
Paso dos: etiqueta de entrada
<! - Id o clase va a hacer, y ser consistentes JS -> <Class = nombre de la entrada "form_datetime" = "C201" sólo lectura>
El tercer paso: Configuración inicial
$ (Function () {
// Conjunto chino
$ .fn.datetimepicker.dates [ 'zh-CN'] = {
días: [ "Domingo", "Lunes", "Martes", "Miércoles", "Jueves", "Viernes", "Sábado", "Domingo"],
daysShort: [ "Domingo", "Lunes", "Martes", "Miércoles", "Jueves", "Viernes", "Sábado", "Domingo"],
daysMin: [ "日", "一", "二", "三", "四", "五", "六", "日"],
meses: [ "Enero", "Febrero", "Marcha", "Abril", "puede", "Junio", "Julio", "Agosto", "Septiembre",
"Octubre", "Noviembre", "Diciembre"],
monthsShort: [ "Enero", "Febrero", "Marcha", "Abril", "puede", "Junio", "Julio", "Agosto"
"Septiembre", "Octubre", "Noviembre", "Diciembre"],
hoy en día: "Hoy"
sufijo: [],
meridiem: [ "mañana", "tarde"]
};
// inicialización, conjunto de propiedades específicas
$ ( "Form_datetime"). Datetimepicker ({
formato: 'aaaa-mm-dd', // Formato de fecha
startView: 'mes', // iniciar la vista (cuando la selección de la fecha, páginas pop)
MaxVIEW: 'década', // máxima vista: Decenio
minView: 'mes', // vista mínima: mayo
autoclose: true, // selección, apagado automático
pickerPosition: "abajo a la izquierda", // establecer las posiciones del selector de fecha
idioma: // lenguaje 'zh-CN'
todayBtn: true, // botón para visualizar el día
});
// añadir un tiempo predeterminado
//$('.form_datetime').datetimepicker('setDate', new Date ());
});
Escrito en los últimos
¿Qué hermano mayor Si se comprueba que hay fuga de la falta de cuidado del artículo o necesidad de añadir más contenido, mensaje de bienvenida! ! !
Recomendación relacionada: