AngularJS এ আমি কীভাবে তারিখ এবং সময়টি সঠিকভাবে প্রদর্শন করব?
AngularJS তারিখ ফিল্টারটি ছাড়াই এবং ছাড়াই নীচের আউটপুটটি ইনপুট এবং আউটপুট উভয়ই দেখায়:
In: {{v.Dt}}
AngularJS: {{v.Dt | date:'yyyy-MM-dd HH:mm:ss Z'}}এই মুদ্রণ:
In: 2012-10-16T17:57:28.556094Z
AngularJS: 2012-10-16T17:57:28.556094Zকাঙ্ক্ষিত ডিসপ্লের ফর্ম্যাটটি হ'ল
2010-10-28 23:40:23 0400বা2010-10-28 23:40:23 EST
উত্তর:
v.Dt সম্ভবত কোনও তারিখ () অবজেক্ট নয়।
Http://jsfiddle.net/southerd/xG2t8/ দেখুন
তবে আপনার নিয়ামক:
scope.v.Dt = Date.parse(scope.v.Dt);আপনার কোডটি যেমনটি দেখতে পেয়েছে তেমন কাজ করা উচিত ।
এটি নিশ্চিত হওয়ার জন্য আপনাকে এটি করতে হবে যে এটি কাজ করার জন্য v.Dtএকটি সঠিক তারিখের অবজেক্ট।
{{dt | date:'yyyy-MM-dd HH:mm:ss Z'}}বা যদি ডেটফর্ম্যাটটি স্কোপে তারিখফর্ম্যাট হিসাবে সংজ্ঞায়িত করা হয় = 'yyyy-MM-dd HH: মিমি: এসএস জেড':
{{dt | date:dateFormat }}Dateভেরিয়েবলের জন্য কোনও ধরণের হতে হবে না । টাইমস্ট্যাম্প দীর্ঘ কাজ করে খুব ভাল
আমি জানি এটি একটি পুরানো আইটেম, তবে ভেবেছিলাম আমি বিবেচনার জন্য অন্য কোনও বিকল্প এড়াতে চাই।
যেহেতু মূল স্ট্রিংটিতে "টি" ডিজারার অন্তর্ভুক্ত নেই, অ্যাঙ্গুলারে ডিফল্ট রূপায়ণ এটি তারিখ হিসাবে স্বীকৃতি দেয় না। আপনি এটিকে নতুন তারিখ ব্যবহার করে জোর করতে পারেন তবে এটি অ্যারেতে ব্যথা হয়। যেহেতু আপনি ফিল্টারগুলি একসাথে পাইপ করতে পারেন, আপনি নিজের ইনপুটটিকে একটি তারিখে রূপান্তর করতে এবং তারপরে তারিখটি প্রয়োগ করতে পারবেন: রূপান্তরিত তারিখে ফিল্টার। নিম্নলিখিত হিসাবে একটি নতুন কাস্টম ফিল্টার তৈরি করুন:
app
.filter("asDate", function () {
return function (input) {
return new Date(input);
}
});তারপরে আপনার মার্কআপে, আপনি ফিল্টারগুলি একসাথে পাইপ করতে পারেন:
{{item.myDateTimeString | asDate | date:'shortDate'}}আপনি এইভাবে 'তারিখ' ফিল্টার পেতে পারেন:
var today = $filter('date')(new Date(),'yyyy-MM-dd HH:mm:ss Z');এটি আপনাকে যে ফরমেটে চান তা আজকের তারিখ দেবে।
এখানে একটি ফিল্টার যা তারিখের স্ট্রিং বা জাভাস্ক্রিপ্টের তারিখ () অবজেক্ট গ্রহণ করবে। এটি Moment.js ব্যবহার করে এবং যে কোনও মোমেন্ট.জেস রূপান্তর ফাংশন প্রয়োগ করতে পারে যেমন জনপ্রিয় 'এখন থেকে'
angular.module('myModule').filter('moment', function () {
return function (input, momentFn /*, param1, param2, ...param n */) {
var args = Array.prototype.slice.call(arguments, 2),
momentObj = moment(input);
return momentObj[momentFn].apply(momentObj, args);
};
});তাই ...
{{ anyDateObjectOrString | moment: 'format': 'MMM DD, YYYY' }}নিজেদের প্রদর্শন করবে নভেম্বর 11, 2014
{{ anyDateObjectOrString | moment: 'fromNow' }}10 মিনিট আগে প্রদর্শিত হবে
আপনার যদি একাধিক মুহুর্তের ক্রিয়াকলাপগুলি কল করার প্রয়োজন হয় তবে আপনি সেগুলি চেইন করতে পারেন। এটি ইউটিসি এবং তারপরে ফর্ম্যাটগুলিতে রূপান্তর করে ...
{{ someDate | moment: 'utc' | moment: 'format': 'MMM DD, YYYY' }}আপনি কি দেখেছেন? ডকুমেন্টেশনের রাইটিং ডাইরেক্টিভস (সংক্ষিপ্ত সংস্করণ) বিভাগটি ?
এইচটিএমএল
<div ng-controller="Ctrl2">
Date format: <input ng-model="format"> <hr/>
Current time is: <span my-current-time="format"></span>
</div> জাতীয়
function Ctrl2($scope) {
$scope.format = 'M/d/yy h:mm:ss a';
}আমরা কৌণিক দিকের দিকে তারিখটি ফর্ম্যাট করতে পারি খুব সহজ .... দয়া করে নীচের উদাহরণটি দেখুন:
। {dt | তারিখ: "dd-MM-yyyy"}
আপনি momentjsAngularjs এ তারিখ-সময় ফিল্টার প্রয়োগ করতে ব্যবহার করতে পারেন । উদাহরণ স্বরূপ:
angular.module('myApp')
.filter('formatDateTime', function ($filter) {
return function (date, format) {
if (date) {
return moment(Number(date)).format(format || "DD/MM/YYYY h:mm A");
}
else
return "";
};
});যেখানে তারিখ সময় স্ট্যাম্প ফর্ম্যাট হয়।
$filterনিয়ামক মধ্যে নির্ভরতা যুক্ত করুন ।
var formatted_datetime = $filter('date')(variable_Containing_time,'yyyy-MM-dd HH:mm:ss Z')আমি আপনাকে moment.js ব্যবহার করার পরামর্শ দিচ্ছি এটি লোকাল অনুসারে তারিখ বিন্যাসকরণের জন্য একটি ভাল সমর্থন পেয়েছে।
একটি ফিল্টার তৈরি করুন যা অভ্যন্তরীণভাবে বিন্যাসের তারিখের জন্য moment.js পদ্ধতি ব্যবহার করে।