
/**
* 点击日期
*
* @param v
*/
public void clickDateLL(View v) {
AlertDialog.Builder builder = new AlertDialog.Builder(this)
View view = View.inflate(this, R.layout.date_dialog, null)
final DatePicker datePicker = (DatePicker) view.findViewById(R.id.datePicker)
builder.setView(view)
Calendar calendar = Calendar.getInstance()
calendar.setTime(DateTimeUtil.getDateByString(getDate()))
hideDay(datePicker)
datePicker.init(calendar.get(Calendar.YEAR), calendar.get(Calendar.MONTH), calendar.get(Calendar.DAY_OF_MONTH), null)
builder.setPositiveButton("确定", new DialogInterface.OnClickListener() {
@Override
public void onClick(DialogInterface dialog, int which) {
String year = datePicker.getYear() + ""
String monthTemp = (datePicker.getMonth() + 1) + ""
String month = monthTemp.length() == 2 ? monthTemp : "0" + monthTemp
getYearTV().setText(year)
getMonthTV().setText(month)
mRefreshLayout.beginRefreshing()
dialog.cancel()
}
})
Dialog dialog = builder.create()
WindowManager.LayoutParams lp = dialog.getWindow().getAttributes()
lp.alpha = 1f
dialog.getWindow().setAttributes(lp)
dialog.show()
}
1、创建工程项目,新建一个UIViewController;2、选中工程,右键-New File…选择“Cocoa Touch Class”-Next,给个合理的名称ViewController,再Next完成;
3、在AppDelegate.m文件包含#import "ViewController.h";
4、初始化创建ViewController的视图控制器,并用导航栏控制器包含。将之设置为根视图控制器。
创建UIDatePicker及添加代理
1、在ViewController.h创建UIPickerView。
2、在ViewController.m初始化self.pickerView;
3、将self.pickerView添加至视图;
4、为self.pickerView添加监听事件(条件:UIControlEventValueChanged值被改变时执行调用);
5、实现监听事件方法。
至此,已经完成了一般创建、初始化、调用这些基本方法。
datepicker是一个配置灵活的插件,我们可以自己定义其展开方式,包括日期格式、语言、限制日期选择范围、添加相关按钮以及其他导航等。
具体步骤:
1.引入jquery.js;
2.引入ui下面的jquery.ui.core.js、jquery.ui.widget.js、jquery.ui.datepicker.js;
3.如果想设置日历为中文形式,需要引入ui->i18n下面的jquery.ui.datepicker-zh-CN.js;
4.在HTML中需为input type="text"设置ID;
5.写js代码,引入datepicker定义的函数以及各参数的设置。
6.可引入jQuery ui中相应的样式也可根据自己的需要修改样式。
如果需要显示时分秒:1.需下载jquery-ui-timepicker-addon.js,并在页面加载;
2.页面添加样式
.ui-timepicker-div .ui-widget-header {
margin-bottom: 8px
}
.ui-timepicker-div dl {
text-align: left
}
.ui-timepicker-div dl dt {
height: 25px margin-bottom: -25px
}
.ui-timepicker-div dl dd {
margin: 0 10px 10px 65px
}
.ui-timepicker-div td {
font-size: 90%
}
.ui-tpicker-grid-label {
background: none border: none margin: 0 padding: 0
}
3. $("#date").datetimepicker()//显示时分秒
$("#datetime").datepicker() // 显示日期
$("#datetime").timepicker() // 显示时分秒 )
欢迎分享,转载请注明来源:内存溢出
微信扫一扫
支付宝扫一扫
评论列表(0条)